/* 
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {


.welcome-modal-content {
height: 100% !important;
min-height: 600px;
}


.feed-top-contributors-main-heading {
font-size: 3.2em;
}        


.send-with-love-sub-icon {
margin: 10px auto 20px auto;
height: 30px;
}

.send-sub-modal-main-text {
font-size: 1.1em;
}

.send-sub-modal-info-text-top {
font-size: 1em;
}

.send-sub-modal-info-text-bottom {
font-size: 0.85em;
}


.send-sub-modal-info-icon {
width: 20px;
}


.send-with-love-tip-icon {
margin: 10px auto 20px auto;
height: 30px;
}

.send-tip-modal-main-text {
font-size: 1.1em;
}

.send-tip-modal-info-text-top {
font-size: 1em;
}

.send-tip-modal-info-text-bottom {
font-size: 0.85em;
}

.send-tip-modal-info-icon {
width: 20px;
}

.home-monetize-screenshot {
width: 300px;
}

.home-square-screenshot {
width: 100%;
}

.how-to-earn-heading {
font-size: 1.2em;
}

.how-to-earn-text {
font-size: 0.9em;
}

.new-insight-form .trumbowyg-editor {
max-height: 350px !important;
min-height: 350px !important;
}

.about-box-container {
-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;
}


.session-jumbotron {
padding-top: 15px;
}

.featured-contributor-name { 
font-size: 2.5em;
}

.featured-contributor-occ {
color: white; 
font-size: 1.5em;
}

.featured-contributor-avatar {
width: 120px;
height: 120px;
}

.insight-business-text {
font-size: 0.85em;
}

.insight-business-title {
font-size: 0.9em;
color: #ccc;
}

.feed-post-occupation {
font-size: 0.8em; 
}


.post-interest-cont {
font-size: 100%;   
}

.insight-title {
font-size: 2.7em;
}

.feed-city-name, .feed-city-name:hover {
font-size: 0.8em;
}

.stats-cont,.stats-cont:hover {
font-size: 0.8em;
}

.users-in-your-city-heading {
font-size: 3.5em;
}


.sessions-mosaic-jumbotron {
min-height: 250px;
padding-top: 80px;
}


.interest-heading-info-cont {
align-items: flex-start;
min-height: 220px;
}

.inline-insight-form-wrapper-b {
flex-direction: row;
align-items: baseline;
}

.insight-form-tag-users-form {
width: 38%;
}

.insight-form-keyword-tags-form {
width: 30%;
}

.insight-form-interest-form {
width: 30%;
}

.insight-form-tip-sub-message-form, .insight-form-generate-audio-form {
width: 49%;
}


.send-tip-modal, .receiver-add-card-modal {
top: 2% !important;
}

.post-title, .post-title:hover {
font-size: 3em;
}

.interest-jumbotron {
margin-top: 0px;
}

.share-modal, .share-answer-modal, .share-post-modal, .share-feed-modal {
top: 7% !important;
}


.shared-content-page-sidebar {
position: fixed;
height: 500px;
margin-top: 10px;
padding-right: 10px;
padding-left: 10px;
}


.profile-insight-actions-flex-cont {
width: 50%;
}

.session-onboard-item {
height: 150px;
width:24%;
}

.onboarding-right-content {	
width: 80%;
margin: auto;
padding-top: 1%; 
}

.insight-onboard-item {
height: 150px;
width:24%;
}

.home-sec-big-text {
font-size: 3em; 
}

.home-flex-amina-text {
order: 1;
margin-bottom: 50px;
}

.home-flex-amina-image {
order: 2;
margin-bottom: 50px;
}

.home-flex-tip-text {
order: 2;
margin-bottom: 50px;
}

.home-flex-tip-image {
order: 2;
margin-bottom: 50px;
}

.home-new-content-flex {
display: flex; 
flex-direction: row; 
justify-content: space-between;
}


.insight-img-cont {
padding: 0px 0px 0px 0px;
width: 100%;
}


.feed-panel-cont {
width: 22%;
position: fixed;
}

.feed-panel-column {
padding-left: initial;
padding-right: initial;
}

.feed-info-cont {
width: 20%;
margin-left: 40px;
}

.interest-tabs-cont {
width: 25%;
margin: auto;
margin-bottom: 40px;
}

.interest-heading-1 {
font-size: 3.8em; 
line-height: 1em;
}

.insight-form-image-block {
flex: 0 0 35%;
}

.insight-form-text-block {
flex: 0 0 65%;
}

.inline-insight-form-wrapper {
flex-direction: row;
}

.insight-business-info-cont {
width:90%;
}

.feed-stat-1-text-1 {
font-size: 1.7em; 
}

.feed-stat-1-text-2 {
font-size: 2.5em; 
line-height: 1.1em;
}

.feed-stat-2-text-1 {
font-size: 2.5em; 
line-height: 1.1em;
}

.feed-stat-2-text-2 {
font-size: 1.7em; 
}


.feed-potd-block {
min-height: 600px;
}

.iotd-title {
font-size: 2em; 
width: 70%;
}


.insight-page-actions-flex-container {
width: 85%; 
margin-bottom: 40px;
}

.insight-page-sidebar {
position: fixed; 
height: auto; 
margin-top: 4%;
width: inherit;
}

.similar-content-item {
height: 500px;
}

.body-padding {
padding-top: 10px;
padding-bottom: 0px;
}

.feed-custom-column {

}

.feed-sec {
min-height: 800px;
height: 800px;
padding-top: 4%;
padding-bottom: 4%;
}

.feed-sec-big-text {
font-size: 4em;
line-height: 1.2em; 
margin: 20% auto 0px auto; 
}

textarea.editable-session-ans, div.editable-session-ans {
height: 300px;
}


.ask-btn, .ask-btn:hover {
width: 30% !important;
font-size: 11px !important;
}

.follow-topics-container {
height: 370px;  
}


.nav-btn {
width: 130px;
font-size: 1em;
padding: 10px 7px 10px 7px;
margin: 0px 0px 0px 12px;
}

.show-chat-btn {
bottom: 5%;
}

.offline-alert {
width: 25%; 
left: 40%; 
}

.navbar-center-content {
margin-left: 4% !important;
}

.mobile-modal-dialogue {
width: 80% !important;
margin: 5px auto 20px auto !important;
}



.full-height-modal-dialogue {

}


.mobile-modal-content {
min-height: 500px;
font-family: Cabin;
}

.comment-form-avatar-cont {
flex: 0 0 3%;
margin-top: 4px;
}

.comment-form-input-cont {
flex: 0 0 94%;

}

.comment-input {
width: 80%;
}

.comment-reply-form-avatar-cont {
flex: 0 0 4%;
margin-top: 7px;
}

.comment-reply-form-input-cont {
flex: 0 0 92%;

}

.modal-content-mobile-search {
padding-top: 30%; 
}

.padding-card {
height: 220px;
}


.padding-card-profile {
height: 150px;
}


.profile-image-container {
margin: 0px auto 30px auto;
}

.photo-input-text {
text-align: left;
}

.tab-heading {
font-size: 0.9em !important;
}

.profile-photo,  .profile-img-placeholder  {
width: 150px;
height: 150px;
}


.profile-name {
font-size:2.4em;
}

.profile-desc {
font-size:1.3em;
padding-right: 5px;
}

.profile-city {
font-size:1em;
}

.profile-city-text {
font-size: 1em;
}

.profile-purpose {
font-size:1.1em;
color: #ccc;
}



.follow-topic-item {
height: 150px;
width: 24%;
}

.about-heading-1 {
font-size: 12vh; 
}

.about-tc-alert {
width: 30%;
left: 5%; 
bottom: 5%;
}


.about-tc-link, .about-tc-link:hover  {
font-size:1.2em;

}


.action-alert {
width: 25%; 
left: 5%; 
bottom: 30px;
}

.large-screen {
display: block;
}


.small-screen {
display: none !important;
}

.auth-bg-left {
background-repeat: no-repeat; 
background-position: center center; 
-webkit-background-size: cover; 
background-size: cover;   
position: fixed;
min-height: 100%;
height: 100%;
width: 35%;
text-align: center;
color: white;
margin: 0px !important;
font-family: Cabin;
}




.auth-bg-right {
position: relative;
left: 35%;
min-height: 100%;
height: auto;
width: 65%;
margin: 0px;
background-color: #111;
overflow-y: auto;
padding-bottom: 100px;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none;  
scroll-behavior: smooth;
font-family: Cabin;
color: #fafafa;
}


.auth-left-content   {
display: flex;
display:-webkit-flex;
display:-ms-flexbox;

justify-content: space-between;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;

flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;

align-items: center; 
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;

justify-content: center;
height: 100%;

font-family: Cabin;
padding-left: 4%;
padding-right: 4%;
}


.login-right-content {
width: 350px;
margin: auto;	
padding-top: 10%; 
}


.signup-right-content {
width: 350px;
margin: auto;	
padding-top: 6%; 
}


.pr-right-content {
width: 350px;
margin: auto;	
padding-top: 15%; 
}


.ft-right-content {	
width: 80%;
margin: auto;
padding-top: 7%; 
}



.ac-bg-left {
background-repeat: no-repeat; 
background-position: center center; 
-webkit-background-size: cover; 
background-size: cover; 
background-color: #111;  
position: fixed;
min-height: 100%;
width: 45%;
text-align: center;
color: white;
margin: 0px !important;
}

.ac-bg-right {
position: relative;
left: 55%;
min-height: 100%;
height: auto;
width: 35%;
margin: 0px;
background-color: #111;
overflow-y: auto;
padding-bottom: 100px;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none; 
scroll-behavior: smooth;
}

.ac-right-content {
width: 350px;
margin: auto;	
padding-top: 5%; 
}

.ac-left-content {
width: 350px;
margin: auto;	
padding-top: 35%; 
}


/* landing page */
.main-text {
font-size: 4em;
}


.main-text-cont {
margin-top: 12%;
padding: 0 20% 0 20%;
}


.sec-text-cont {
margin-top: 5%;
padding: 0 20% 0 20%;
}

.sec-text {
font-size: 1.5em;
}


.section-1 {  
background-image: url(../twocents_app/landinga.jpg);
}

.showcase-heading {
line-height: 1;
margin-bottom: 25px;
}

.showcase-container {
margin-bottom: 80px;
}



.sec-3-right {
margin: 40% 0 0 10%;
}

.section-5 {  
padding-top: 8%;
}


.section-7 {  
height: auto;
padding-top: 25%;
padding-bottom: 25%
}


.sm-link {
padding-right: 30px;
}

.footer-row-1 {
flex-direction: row;
margin-bottom: 7%;
}


.footer-row-2 {
flex-direction: row;
margin-bottom: 4%;
}

.footer-row-2-left, .footer-row-2-right {
width: 450px;
}

.footer {
padding-top: 4%;
padding-bottom: 2%;
}


.about-jumbotron {
padding-top: 5%;
padding-bottom:  6%;
}


.contact-jumbotron {
/* background-image: url(../twocents_app/contact.jpg); */
padding-top: 1%;
}

.contact-jumbotron-header {
font-size: 13vh; 
font-family: Cabin;
}

/* containers */
.custom-container {
width: 96% !important;
}

.custom-search-container {
width: 75% !important;
}

/* end containers */


/* session page */
.session-card {
margin-bottom: 40px;
}

.session-card-image {
height: 200px;
width: 100%;	
object-fit: cover;
overflow: hidden;
}

/* end session page */

.navbar-header {
float: left;
}

}




/* 
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {


.welcome-modal-content {
height: 100% !important;
min-height: 600px;
}


.feed-top-contributors-main-heading {
font-size: 3.2em;
}        


.send-with-love-sub-icon {
margin: 10px auto 20px auto;
height: 60px;
}

.send-sub-modal-main-text {
font-size: 1.1em;
}

.send-sub-modal-info-text-top {
font-size: 1em;
}

.send-sub-modal-info-text-bottom {
font-size: 0.85em;
}


.send-sub-modal-info-icon {
width: 20px;
}

.send-with-love-tip-icon {
margin: 10px auto 20px auto;
height: 30px;
}

.send-tip-modal-main-text {
font-size: 1.1em;
}

.send-tip-modal-info-text-top {
font-size: 1em;
}

.send-tip-modal-info-text-bottom {
font-size: 0.85em;
}

.send-tip-modal-info-icon {
width: 20px;
}

.home-monetize-screenshot {
width: 300px;
}

.home-square-screenshot {
width: 100%;
}


.how-to-earn-heading {
font-size: 1.2em;
}

.how-to-earn-text {
font-size: 0.9em;
}


.new-insight-form .trumbowyg-editor {
max-height: 350px !important;
min-height: 350px !important;
}

.about-box-container {
-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;
}


.session-jumbotron {
padding-top: 15px;
}

.featured-contributor-name {
font-size: 2.5em;
}

.featured-contributor-occ {
color: white; 
font-size: 1.5em;
}

.featured-contributor-avatar {
width: 120px;
height: 120px;
}

.insight-business-text {
font-size: 0.85em;
}

.insight-business-title {
font-size: 0.9em;
}

.feed-post-occupation {
font-size: 0.8em; 
}

.post-interest-cont {
font-size: 100%;   
}

.insight-title {
font-size: 2.7em;
}


.feed-city-name, .feed-city-name:hover {
font-size: 0.8em;
}

.stats-cont,.stats-cont:hover {
font-size: 0.8em;
}

.users-in-your-city-heading {
font-size: 3.5em;
}

.sessions-mosaic-jumbotron {
min-height: 250px;
padding-top: 80px;
}

.interest-heading-info-cont {
align-items: flex-start;
min-height: 220px;
}

.inline-insight-form-wrapper-b {
flex-direction: row;
align-items: baseline;
}

.insight-form-tag-users-form {
width: 38%;
}

.insight-form-keyword-tags-form {
width: 30%;
}

.insight-form-interest-form {
width: 30%;
}

.insight-form-tip-sub-message-form, .insight-form-generate-audio-form {
width: 49%;
}

.send-tip-modal, .receiver-add-card-modal {
top: 5% !important;
}

.post-title, .post-title:hover {
font-size: 3em;
}

.interest-jumbotron {
margin-top: 0px;
}


.share-modal, .share-answer-modal, .share-post-modal, .share-feed-modal {
top: 7% !important;
}


.shared-content-page-sidebar {
position: fixed;
height: 500px;
margin-top: 10px;
padding-right: 10px;
padding-left: 10px;
}

.profile-insight-actions-flex-cont {
width: 50%;
}

.session-onboard-item {
height: 150px;
width: 24%;
}

.insight-onboard-item {
height: 150px;
width: 24%;
}

.onboarding-right-content {	
width: 80%;
margin: auto;
padding-top: 1%; 
}

.home-sec-big-text {
font-size: 3em; 
}

.home-flex-amina-text {
order: 1;
margin-bottom: 50px;
}

.home-flex-amina-image {
order: 2;
margin-bottom: 50px;
}

.home-flex-tip-text {
order: 2;
margin-bottom: 50px;
}

.home-flex-tip-image {
order: 2;
margin-bottom: 50px;
}

.home-new-content-flex {
display: flex; 
flex-direction: row; 
justify-content: space-between;
}



.insight-img-cont {
padding: 0px 0px 0px 0px;
width: 100%;
}


.feed-panel-cont {
width: 22%;
position: fixed;
}

.feed-panel-column {
padding-left: initial;
padding-right: initial;
}


.feed-info-cont {
width: 20%;
margin-left: 40px;
}


.interest-tabs-cont {
width: 25%;
margin: auto;
margin-bottom: 40px;
}

.interest-heading-1 {
font-size: 3.8em;  
line-height: 1em;
}   

.insight-form-image-block {
flex: 0 0 35%;
}

.insight-form-text-block {
flex: 0 0 65%;
}

.inline-insight-form-wrapper {
flex-direction: row;
}


.insight-business-info-cont {
width:90%;
}


.feed-stat-1-text-1 {
font-size: 1.7em; 
}

.feed-stat-1-text-2 {
font-size: 2.5em; 
line-height: 1.1em;
}

.feed-stat-2-text-1 {
font-size: 2.5em; 
line-height: 1.1em;
}

.feed-stat-2-text-2 {
font-size: 1.7em; 
}

.feed-potd-block {
min-height: 600px;
}

.iotd-title {
font-size: 2em; 
width: 70%;
}

.insight-page-actions-flex-container {
width: 85%; 
margin-bottom: 40px;
}

.insight-page-sidebar {
position: fixed; 
height: auto; 
margin-top: 4%;
width: inherit;
}

.similar-content-item {
height: 500px;
}

.body-padding {
padding-top: 10px;
padding-bottom: 0px;
}


.feed-custom-column {

}

.feed-sec {
min-height: 800px;
height: 800px;
padding-top: 4%;
padding-bottom: 4%;
}

.feed-sec-big-text {
font-size: 4em;
line-height: 1.2em; 
margin: 20% auto 0px auto; 
}

textarea.editable-session-ans, div.editable-session-ans {
height: 300px;
}



.ask-btn, .ask-btn:hover {
width: 30% !important;
font-size: 11px !important;
}


.follow-topics-container {
height: 370px;  
}


.nav-btn {
width: 130px;
font-size: 1em;
padding: 10px 7px 10px 7px;
margin: 0px 0px 0px 12px;
}

.show-chat-btn {
bottom: 5%;
}

.offline-alert {
width: 25%; 
left: 40%; 
}

.navbar-center-content {
margin-left: 4% !important;
}


.mobile-modal-dialogue {
width: 80% !important;
margin: 5px auto 20px auto !important;
}


.full-height-modal-dialogue {

}


.mobile-modal-content {
min-height: 500px;
font-family: Cabin;
}

.comment-form-avatar-cont {
flex: 0 0 3%;
margin-top: 4px;
}

.comment-form-input-cont {
flex: 0 0 94%;
}

.comment-input {
width: 80%;
}

.comment-reply-form-avatar-cont {
flex: 0 0 4%;
margin-top: 7px;
}

.comment-reply-form-input-cont {
flex: 0 0 92%;
}

.modal-content-mobile-search {
padding-top: 30%; 
}

.padding-card {
height: 220px;
}

.padding-card-profile {
height: 150px;
}


.profile-image-container {
margin: 0px auto 30px auto;
}

.photo-input-text {
text-align: left;
}

.tab-heading {
font-size: 0.9em !important;
}

.profile-photo, .profile-img-placeholder {
width: 150px;
height: 150px;
}


.profile-name {
font-size:2.4em;
}

.profile-desc {
font-size:1.3em;
padding-right: 5px;
}

.profile-city {
font-size:1em;
}

.profile-city-text {
font-size: 1em;
}

.profile-purpose {
font-size:1.1em;
color: grey;
}


.follow-topic-item {
height: 150px;
width: 24%;
}

.about-heading-1 {
font-size: 12vh; 
}

.about-tc-alert {
width: 60%;
left: 20%;
bottom: 7%;
}


.about-tc-link, .about-tc-link:hover  {
font-size:1.2em;

}

.action-alert {
width: 25%; 
left: 5%; 
bottom: 30px;
}


.large-screen {
display: block;
}


.small-screen {
display: none !important;
}


.auth-bg-left {
background-repeat: no-repeat; 
background-position: center center; 
-webkit-background-size: cover; 
background-size: cover;   
position: fixed;
min-height: 100%;
height: 100%;
width: 35%;
text-align: center;
color: white;
margin: 0px !important;
font-family: Cabin;

}


.auth-left-content   {
display: flex;
display:-webkit-flex;
display:-ms-flexbox;

justify-content: space-between;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;

flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;

align-items: center; 
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;

justify-content: center;
height: 100%;

font-family: Cabin;
padding-left: 4%;
padding-right: 4%;
}


.login-right-content {
width: 350px;
margin: auto;	
padding-top: 10%; 
}


.signup-right-content {
width: 350px;
margin: auto;	
padding-top: 6%; 
}


.pr-right-content {
width: 350px;
margin: auto;	
padding-top: 15%; 
}


.ft-right-content {	
width: 80%;
margin: auto;
padding-top: 7%; 
}

.ac-bg-left {
background-repeat: no-repeat; 
background-position: center center; 
-webkit-background-size: cover; 
background-size: cover; 
background-color: white;  
position: fixed;
min-height: 100%;
width: 45%;
text-align: center;
color: white;
margin: 0px !important;
}

.ac-bg-right {
position: relative;
left: 55%;
min-height: 100%;
height: auto;
width: 35%;
margin: 0px;
background-color: #111;
overflow-y: auto;
padding-bottom: 100px;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none; 
scroll-behavior: smooth;
}

.ac-right-content {
width: 350px;
margin: auto;	
padding-top: 25%; 
}

.ac-left-content {
width: 350px;
margin: auto;	
padding-top: 35%; 
}



.auth-bg-right {
position: relative;
left: 35%;
min-height: 100%;
height: auto;
width: 65%;
margin: 0px;
overflow-y: auto;
padding-bottom: 100px;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none; 
scroll-behavior: smooth;
font-family: Cabin;
}



/* landing page */
.main-text {
font-size: 4em;
}


.main-text-cont {
margin-top: 12%;
padding: 0 20% 0 20%;
}


.sec-text-cont {
margin-top: 5%;
padding: 0 20% 0 20%;
}

.sec-text {
font-size: 1.5em;
}


.section-1 {  
background-image: url(../twocents_app/landinga.jpg);
}


.showcase-heading {
line-height: 1;
margin-bottom: 25px;
}

.showcase-container {
margin-bottom: 80px;
}


.sec-3-right {
margin: 40% 0 0 10%;
}


.section-5 {  
padding-top: 7%;
}


.section-7 {  
height: auto;
padding-top: 25%;
padding-bottom: 25%
}


.sm-link {
padding-right: 30px;
}


.footer-row-1 {
flex-direction: row;
margin-bottom: 7%;
}


.footer-row-2 {
flex-direction: row;
margin-bottom: 4%;
}

.footer-row-2-left, .footer-row-2-right {
width: 450px;
}


.footer {
padding-top: 4%;
padding-bottom: 2%;
}


.about-jumbotron {
padding-top: 5%;
padding-bottom:  6%;
}


.contact-jumbotron {
/* background-image: url(../twocents_app/contact.jpg); */
padding-top: 1%;
}

.contact-jumbotron-header {
font-size: 12vh; 
font-family: Cabin;
}



/* containers */
.custom-container {
width: 96% !important;
}

.custom-search-container {
width: 75% !important;
}

/* end containers */

.session-card {
margin-bottom: 40px;
}

.session-card-image {
height: 200px;
}


.navbar-header {
float: left;
}


}




/* 
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {


.welcome-modal-content {
height: 100% !important;
min-height: 600px;
}


.feed-top-contributors-main-heading {
font-size: 3em;
}        


.send-with-love-sub-icon {
margin: 10px auto 20px auto;
height: 55px;
}

.send-sub-modal-main-text {
font-size: 1.4em;
}

.send-sub-modal-info-text-top {
font-size: 1.4em;
}

.send-sub-modal-info-text-bottom {
font-size: 1.1em;
}


.send-sub-modal-info-icon {
width: 30px;
}

.send-with-love-tip-icon {
margin: 10px auto 20px auto;
height: 55px;
}

.send-tip-modal-main-text {
font-size: 1.4em;
}

.send-tip-modal-info-text-top {
font-size: 1.4em;
}

.send-tip-modal-info-text-bottom {
font-size: 1.1em;
}

.send-tip-modal-info-icon {
width: 30px;
}


.home-monetize-screenshot {
width: 300px;
}

.home-square-screenshot {
width: 100%;
}


.how-to-earn-heading {
font-size: 1.2em;
}

.how-to-earn-text {
font-size: 0.9em;
}

.new-insight-form .trumbowyg-editor {
max-height: 300px !important;
min-height: 300px !important;
}

.about-box-container {
-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;
}


.session-jumbotron {
padding-top: 50px;
}

.featured-contributor-name {
font-size: 2.5em;
}

.featured-contributor-occ {
color: white; 
font-size: 1.5em;
}

.featured-contributor-avatar {
width: 120px;
height: 120px;
}

.insight-business-text {
font-size: 0.85em;
}

.insight-business-title {
font-size: 0.9em;
}

.feed-post-occupation {
font-size: 0.8em; 
}

.post-interest-cont {
font-size: 100%;   
}


.insight-title {
font-size: 2.7em;
}


.feed-city-name, .feed-city-name:hover {
font-size: 0.8em;
}

.stats-cont,.stats-cont:hover {
font-size: 0.8em;
}

.users-in-your-city-heading {
font-size: 3em;
}

.sessions-mosaic-jumbotron {
min-height: 250px;
padding-top: 80px;
}

.interest-heading-info-cont {
align-items: flex-start;
min-height: 220px;
}

.inline-insight-form-wrapper-b {
flex-direction: row;
align-items: baseline;
}

.insight-form-tag-users-form {
width: 38%;
}

.insight-form-keyword-tags-form {
width: 30%;
}

.insight-form-interest-form {
width: 30%;
}


.insight-form-tip-sub-message-form, .insight-form-generate-audio-form {
width: 49%;
}


.send-tip-modal, .receiver-add-card-modal {
top: 10% !important;
}

.post-title, .post-title:hover {
font-size: 2.8em;
}

.interest-jumbotron {
margin-top: 60px;
}


.share-modal, .share-answer-modal, .share-post-modal, .share-feed-modal {
top: 15% !important;
}


.shared-content-page-sidebar {
height: auto; 
margin-top: 50px;
padding-right: 1%;
padding-left: 1%;
}


.profile-insight-actions-flex-cont {
width: 70%;
}

.session-onboard-item {
height: 150px;
width: 24%;
}

.insight-onboard-item {
height: 150px;
width: 24%;
}

.onboarding-right-content {	
padding-bottom: 50px; 
}

.home-sec-big-text {
font-size: 3em; 
}

.home-flex-amina-text {
order: 1;
margin-bottom: 50px;
}

.home-flex-amina-image {
order: 2;
margin-bottom: 50px;
}

.home-flex-tip-text {
order: 2;
margin-bottom: 50px;
}

.home-flex-tip-image {
order: 2;
margin-bottom: 50px;
}


.home-new-content-flex {
display: flex; 
flex-direction: row; 
justify-content: space-between;
}    

.insight-img-cont {
padding: 0px 0px 0px 0px;
width: 100%;
}


.feed-panel-cont {
width: 100%;
position:relative;
}

.feed-panel-column {
padding-left: 0px !important;
padding-right: 0px !important;
}

.feed-info-cont {
width: 0vh;
}

.interest-tabs-cont {
width: 60%;
margin: auto;
margin-bottom: 30px;
}

.interest-heading-1 {
font-size: 3.5em; 
line-height: 1.2em;
}


.insight-form-image-block {
flex: 0 0 35%;
}

.insight-form-text-block {
flex: 0 0 65%;
}

.inline-insight-form-wrapper {
flex-direction: row;
}


.insight-business-info-cont {
width:90%;
}


.feed-stat-1-text-1 {
font-size: 1.7em; 
}

.feed-stat-1-text-2 {
font-size: 2.5em; 
line-height: 1.1em;
}

.feed-stat-2-text-1 {
font-size: 2.5em; 
line-height: 1.1em;
}

.feed-stat-2-text-2 {
font-size: 1.7em; 
}

.feed-potd-block {
min-height: 600px;
}

.iotd-title {
font-size: 2em; 
width: 70%;
}

.insight-page-actions-flex-container {
width: 80%; 
margin-bottom: 40px;
}

.insight-page-sidebar {
height: auto; 
margin-top: 50px;
padding-right: 1%;
padding-left: 1%;;
}

.similar-content-item {
height: 500px;
}

.body-padding {
padding-top: 60px;
padding-bottom: 0px;
}

.feed-sec {
min-height: 1000px;
height: auto;
padding-top: 4%;
padding-bottom: 4%;
}

.feed-sec-big-text {
font-size: 3em; 
margin: 10% auto 0px auto; 
}

textarea.editable-session-ans, div.editable-session-ans {
height: 300px;
}



.ask-btn, .ask-btn:hover {
width: 70% !important;
font-size: 11px !important;
}


.follow-topics-container {
-ms-overflow-style: none; 
overflow: -moz-scrollbars-none !important; 
scrollbar-width: none; 
height: 550px;  
}


.follow-topics-container::-webkit-scrollbar {
display: none !important;
}


.nav-btn {
width: 130px;
font-size: 1em;
padding: 10px 7px 10px 7px;
margin: 0px 0px 0px 12px;
}

.show-chat-btn {
bottom: 8%;
}

.offline-alert {
width: 50%; 
left: 25%; 
}

.comment-form-avatar-cont {
flex: 0 0 3%;
margin-top: 4px;
}

.comment-form-input-cont {
flex: 0 0 93%;
}

.comment-input {
width: 80%;
}

.comment-reply-form-avatar-cont {
flex: 0 0 4%;
margin-top: 7px;
}

.comment-reply-form-input-cont {
flex: 0 0 92%;
}

.mobile-modal-dialogue {
width: 100% !important;
min-width: 100% !important;
margin: 0px !important;
height: 100% !important;
min-height: 100% !important;
}


.full-height-modal-dialogue {
width: 100% !important;
min-width: 100% !important;
margin: 0px !important;
height: 100% !important;
min-height: 100% !important;
}


.mobile-modal-content {
font-family: Cabin;
min-height: 100% !important;
height: auto !important; 
min-width: 100% !important; 
width: 100% !important;
border-radius: 0px !important;
-webkit-background-clip: none !important;
background-clip: padding-box !important;
border: none !important;
}



.modal-content-mobile-search {
padding-top: 35%; 
}

.results-wrapper-flexbox {

overflow-x: auto !important;

background-color: transparent !important;
-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important; 
scroll-behavior: smooth !important;

}

.padding-card {
height: 240px;
}

.padding-card-profile {
height: 150px;
}


.profile-image-container {
margin: 0px auto 30px auto;
}

.change-pass-container {
margin-top: 50px;
}

.photo-input-text {
text-align: center;
}

.tab-heading {
font-size: 0.9em !important;
}

.profile-photo, .profile-img-placeholder {
width: 100px;
height: 100px;
}


.profile-name {
font-size:2em;
}

.profile-desc {
font-size:1.5em;
padding-right: 5px;
}

.profile-city {
font-size:1.5em;
}

.profile-city-text {
font-size: 1em;
}

.profile-purpose {
font-size:1.1em;
color: grey;
}


.follow-topic-item {
height: 150px;
width: 24%;
}

.about-heading-1 {
font-size: 12vh; 
}

.about-tc-alert {
width: 60%;
left: 20%;
bottom: 8%;
}


.about-tc-link, .about-tc-link:hover  {
font-size:1.2em;

}

.action-alert {
width: 50%; 
left: 15%; 
bottom: 60px;
}

.large-screen {
display: none;
}


.small-screen {
display: block !important;
}



.auth-bg-left {
display: none;
}


.auth-left-content   {
display: none; 
}


.login-right-content {
width: 100%;
}


.signup-right-content {
width: 100%;
}


.pr-right-content {
width: 100%;
}


.ft-right-content {	
padding-bottom: 50px;
}

.ac-bg-left {
display: none;
}

.ac-bg-right {
width: 100%;
margin: auto;
}

.ac-right-content {
padding-bottom: 50px; 
}

.ac-left-content {
display: none;
}


.auth-bg-right {
width: 100%;
margin: auto;
font-family: Cabin;
}



/* landing page */
.main-text {
font-size: 3.5em;
}

.main-text-cont {
margin-top: 18%;
padding: 0 20% 0 20%;
}

.sec-text-cont {
margin-top: 10%;
padding: 0 20% 0 20%;
}

.sec-text {
font-size: 1.5em;
}


.section-1 {  
background-image: url(../twocents_app/landinga.jpg);
}


.showcase-heading {
line-height: 1;
margin-bottom: 25px;
}


.showcase-container {
margin-bottom: 80px;
}


.sec-3-right {
margin: 20% 0 0 0;
text-align: center;
}


.section-5 {  
padding-top: 10%;
}


.section-7 {  
height: 700px;
padding-top: 30%;
}

.sm-link {
padding-right: 30px;
}

.footer-row-1 {
flex-direction: row;
margin-bottom: 5%;
}


.footer-row-2 {
flex-direction: row;
margin-bottom: 5%;
}

.footer-row-2-left, .footer-row-2-right {
width: 350px;
}

.footer {
padding-top: 6%;
padding-bottom: 3%;
}

body {
padding-bottom: 50px !important;
}

.about-jumbotron {
padding-top: 15%;
padding-bottom:  15%;
}


.contact-jumbotron {
/* background-image: url(../twocents_app/contact.jpg); */
padding-top: 5%;
}


.contact-jumbotron-header {
font-size: 10vh; 
font-family: Cabin;
}

/* containers */
.custom-container {
width: 96% !important;
}

.custom-search-container {
width: 90% !important;
}

/* end containers */

.session-card {
margin-bottom: 20px;
}

.session-card-image {
height: 200px;
}


.navbar-header {
float: none !important;
}


}




/* 
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {


.welcome-modal-content {
height: auto !important;
min-height: 600px;
}

.feed-top-contributors-main-heading {
font-size: 3em;
}        


.send-with-love-sub-icon {
margin: 10px auto 20px auto;
height: 55px;
}

.send-sub-modal-main-text {
font-size: 1.4em;
}

.send-sub-modal-info-text-top {
font-size: 1.4em;
}

.send-sub-modal-info-text-bottom {
font-size: 1.1em;
}


.send-sub-modal-info-icon {
width: 30px;
}


.send-with-love-tip-icon {
margin: 10px auto 20px auto;
height: 55px;
}

.send-tip-modal-main-text {
font-size: 1.4em;
}

.send-tip-modal-info-text-top {
font-size: 1.4em;
}

.send-tip-modal-info-text-bottom {
font-size: 1.1em;
}

.send-tip-modal-info-icon {
width: 30px;
}


.how-to-earn-heading {
font-size: 1.2em;
}

.how-to-earn-text {
font-size: 0.9em;
}

.new-insight-form .trumbowyg-editor {
max-height: 300px !important;
min-height: 300px !important;
}

.about-box-container {
-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;
}



.session-jumbotron {
padding-top: 50px;
}

.featured-contributor-name {
font-size: 2.5em;
}

.featured-contributor-occ {
color: white; 
font-size: 1.5em;
}

.featured-contributor-avatar {
width: 120px;
height: 120px;
}

.insight-business-text {
font-size: 0.85em;
}

.insight-business-title {
font-size: 0.9em;
}


.feed-post-occupation {
font-size: 0.8em; 
}


.post-interest-cont {
font-size: 100%;   
}


.insight-title {
font-size: 2.7em;
}


.feed-city-name, .feed-city-name:hover {
font-size: 0.8em;
}

.stats-cont,.stats-cont:hover {
font-size: 0.8em;
}

.users-in-your-city-heading {
font-size: 3em;
}

.sessions-mosaic-jumbotron {
min-height: 250px;
padding-top: 80px;
}

.interest-heading-info-cont {
align-items: flex-start;
min-height: 220px;
}

.inline-insight-form-wrapper-b {
flex-direction: row;
align-items: baseline;
}

.insight-form-tag-users-form {
width: 38%;
}

.insight-form-keyword-tags-form {
width: 30%;
}

.insight-form-interest-form {
width: 30%;
}

.insight-form-tip-sub-message-form, .insight-form-generate-audio-form {
width: 49%;
}


.send-tip-modal, .receiver-add-card-modal {
top: 10% !important;
}

.post-title, .post-title:hover {
font-size: 2.8em;
}

.interest-jumbotron {
margin-top: 60px;
}

.share-modal, .share-answer-modal, .share-post-modal, .share-feed-modal {
top: 15% !important;
}


.shared-content-page-sidebar {
height: auto; 
margin-top: 50px;
padding-right: 1%;
padding-left: 1%;
}


.profile-insight-actions-flex-cont {
width: 50%;
}

.session-onboard-item {
height: 150px;
width: 24%;
}

.insight-onboard-item {
height: 150px;
width: 24%;
}

.onboarding-right-content {	
padding-bottom: 50px; 
}

.home-sec-big-text {
font-size: 3em; 
}

.home-flex-amina-text {
order: 1;
margin-bottom: 50px;
}

.home-flex-amina-image {
order: 2;
margin-bottom: 50px;
}

.home-flex-tip-text {
order: 2;
margin-bottom: 50px;
}

.home-flex-tip-image {
order: 2;
margin-bottom: 50px;
}


.home-new-content-flex {
display: flex; 
flex-direction: row; 
justify-content: space-between;
}


.insight-img-cont {
padding: 0px 0px 0px 0px;
width: 100%;
}


.feed-panel-cont {
width: 100%;
position:relative;
}

.feed-panel-column {
padding-left: 0px !important;
padding-right: 0px !important;
}

.feed-info-cont {
width: 0vh;
}

.interest-tabs-cont {
width: 60%;
margin: auto;
margin-bottom: 30px;
}

.interest-heading-1 {
font-size: 3.5em; 
line-height: 1.2em;
}   

.insight-form-image-block {
flex: 0 0 35%;
}

.insight-form-text-block {
flex: 0 0 65%;
}

.inline-insight-form-wrapper {
flex-direction: row;
}


.insight-business-info-cont {
width:90%;
}


.feed-stat-1-text-1 {
font-size: 1.7em; 
}

.feed-stat-1-text-2 {
font-size: 2.5em; 
line-height: 1.1em;
}

.feed-stat-2-text-1 {
font-size: 2.5em; 
line-height: 1.1em;
}

.feed-stat-2-text-2 {
font-size: 1.7em; 
}

.feed-potd-block {
min-height: 600px;
}

.iotd-title {
font-size: 2em; 
width: 70%;
}

.insight-page-actions-flex-container {
width: 80%; 
margin-bottom: 40px;
}

.insight-page-sidebar {
height: auto; 
margin-top: 10%;
padding-right: 4%;
padding-left: 4%;
}

.similar-content-item {
height: 500px;
}

.body-padding {
padding-top: 60px;
padding-bottom: 0px;
}

.feed-sec {
min-height: 1200px;
height: auto;
padding-top: 4%;
padding-bottom: 4%;
}

.feed-sec-big-text {
font-size: 3em; 
margin: 10% auto 0px auto; 
}

textarea.editable-session-ans, div.editable-session-ans {
height: 300px;
}


.ask-btn, .ask-btn:hover {
width: 70% !important;
font-size: 11px !important;
}


.follow-topics-container {
-ms-overflow-style: none; 
overflow: -moz-scrollbars-none !important; 
scrollbar-width: none;  
height: 550px; 
}


.follow-topics-container::-webkit-scrollbar {
display: none !important;
}

.nav-btn {
width: 130px;
font-size: 1em;
padding: 10px 7px 10px 7px;
margin: 0px 0px 0px 12px;
}

.show-chat-btn {
bottom: 15%;
}

.offline-alert {
width: 50%; 
left: 25%; 
}

.comment-form-avatar-cont {
flex: 0 0 3%;
margin-top: 4px;
}

.comment-form-input-cont {
flex: 0 0 93%;
}

.comment-input {
width: 80%;
}

.comment-reply-form-avatar-cont {
flex: 0 0 4%;
margin-top: 7px;
}

.comment-reply-form-input-cont {
flex: 0 0 92%;
}

.mobile-modal-dialogue {
width: 100% !important;
min-width: 100% !important;
margin: 0px !important;
height: 100% !important;
min-height: 100% !important;
}

.full-height-modal-dialogue {
width: 100% !important;
min-width: 100% !important;
margin: 0px !important;
height: 100% !important;
min-height: 100% !important;
}


.mobile-modal-content {
min-height: 100% !important;
height: auto !important; 
min-width: 100% !important; 
width: 100% !important;
border-radius: 0px !important;
-webkit-background-clip: none !important;
background-clip: padding-box !important;
border: none !important;
}

.modal-content-mobile-search {
padding-top: 25%; 
}

.results-wrapper-flexbox {

overflow-x: auto !important;

background-color: transparent !important;
-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important; 
scroll-behavior: smooth !important;

}

.padding-card {
height: 240px;
}

.padding-card-profile {
height: 150px;
}

.profile-image-container {
margin: 0px auto 30px auto;
}

.change-pass-container {
margin-top: 10px;
}

.photo-input-text {
text-align: center;
}

.tab-heading {
font-size: 0.9em !important;
}

.profile-photo, .profile-img-placeholder {
width: 100px;
height: 100px;
}


.profile-name {
font-size: 2em;
}

.profile-desc {
font-size:1.5em;
padding-right: 5px;
}

.profile-city {
font-size:1.5em;
}

.profile-city-text {
font-size: 1em;
}

.profile-purpose {
font-size:1.1em;
}

.follow-topic-item {
height: 150px;
width: 24%;
}

.about-heading-1 {
font-size: 12vh; 
}

.about-tc-alert {
width: 70%;
left: 15%;
bottom: 10%;
}


.about-tc-link, .about-tc-link:hover  {
font-size:1em;

}

.action-alert {
width: 50%; 
left: 15%; 
bottom: 60px;
}

.large-screen {
display: none;
}


.small-screen {
display: block !important;
}




.auth-bg-left {
display: none;
}


.auth-left-content   {
display: none; 
}


.login-right-content {
width: 100%
}


.signup-right-content {
width: 100%
}


.pr-right-content {
width: 100%
}


.ft-right-content {	
padding-bottom: 50px; 
}

.ac-bg-left {
display: none;
}

.ac-bg-right {
width: 100%;
margin: auto;
}

.ac-right-content { 
padding-bottom: 100px;
}

.ac-left-content {
display: none;
}




.auth-bg-right {
width: 100%;
margin: auto;
font-family: Cabin;
}


/* landing page */
.main-text {
font-size: 3.5em;
}

.main-text-cont {
margin-top: 18%;
padding: 0 15% 0 15%;
}


.sec-text-cont {
margin-top: 10%;
padding: 0 20% 0 20%;
}

.sec-text {
font-size: 1.5em;
}


.section-1 {  
background-image: url(../twocents_app/landinga.jpg);
}


.showcase-heading {
line-height: 1;
margin-bottom: 25px;
}


.showcase-container {
margin-bottom: 80px;
}


.sec-3-right {
margin: 20% 0 0 0;
text-align: center;
}


.section-5 {  
padding-top: 10%;
}

.section-7 {  
height: 700px;
padding-top: 15%;
}


.sm-link {
padding-right: 30px;
}


.footer-row-1 {
flex-direction: row;
margin-bottom: 5%;
}


.footer-row-2 {
flex-direction: row;
margin-bottom: 10%;
}

.footer-row-2-left, .footer-row-2-right {
width: 400px;
}

.footer {
padding-top: 4%;
padding-bottom: 2%;
}


body {
padding-bottom: 50px !important;
}


.about-jumbotron {
padding-top: 10%;
padding-bottom:  10%;
}


.contact-jumbotron {
/* background-image: url(../twocents_app/contact.jpg); */
padding-top: 5%;
}

.contact-jumbotron-header {
font-size: 10vw; 
font-family: Cabin;
}

/* containers */
.custom-container {
width: 96% !important;
}

.custom-search-container {
width: 75% !important;
}

/* end containers */

.session-card {
margin-bottom: 20px;
}

.session-card-image {
height: 200px;
}


.navbar-header {
float: none !important;
}



}



/* 
##Device = Low Resolution Tablets, Mobiles (Portrait)
##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {


.welcome-modal-content {
height: 100% !important;
min-height: 600px;
}


.feed-top-contributors-main-heading {
font-size: 2em;
}        


.send-with-love-sub-icon {
margin: 10px auto 20px auto;
height: 55px;
}

.send-sub-modal-main-text {
font-size: 1.4em;
}

.send-sub-modal-info-text-top {
font-size: 1.4em;
}

.send-sub-modal-info-text-bottom {
font-size: 1.1em;
}


.send-sub-modal-info-icon {
width: 30px;
}

.send-with-love-tip-icon {
margin: 10px auto 20px auto;
height: 55px;
}

.send-tip-modal-main-text {
font-size: 1.4em;
}

.send-tip-modal-info-text-top {
font-size: 1.4em;
}

.send-tip-modal-info-text-bottom {
font-size: 1.1em;
}

.send-tip-modal-info-icon {
width: 30px;
}

.home-monetize-screenshot {
width: 100%;
}

.home-square-screenshot {
width: 100%;
}

.how-to-earn-heading {
font-size: 1em;
}

.how-to-earn-text {
font-size: 0.7em;
}

.new-insight-form .trumbowyg-editor {
max-height: 400px !important;
min-height: 400px !important;
}


.about-box-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}



.about-box-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 2;
order: 2;
}

.about-box-2 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
order: 1;
}


.session-jumbotron {
padding-top: 75px;
}


.featured-contributor-name { 
font-size: 1.8em;
}

.featured-contributor-occ {
color: white; 
font-size: 1.5em;
}

.featured-contributor-avatar {
width: 80px;
height: 80px;
}   

.insight-business-text {
font-size: 0.85em;
}

.insight-business-title {
font-size: 0.9em;
}

.feed-post-occupation {
font-size: 0.8em; 
}

.post-interest-cont {
font-size: 100%;   
}

.insight-title {
font-size: 2.5em;
}


.feed-city-name, .feed-city-name:hover {
font-size: 0.7em;
}

.stats-cont,.stats-cont:hover {
font-size: 0.7em;
}

.users-in-your-city-heading {
font-size: 3em;
}

.sessions-mosaic-jumbotron {
min-height: 250px;
padding-top: 80px;
}

.interest-heading-info-cont {
align-items: center;
min-height: 170px;
}


.inline-insight-form-wrapper-b {
flex-direction: column;
align-items: center;
}

.insight-form-tag-users-form {
width: 100%;
}

.insight-form-keyword-tags-form {
width: 100%;
}

.insight-form-interest-form {
width: 100%;
}

.insight-form-tip-sub-message-form, .insight-form-generate-audio-form {
width: 100%;
}


.send-tip-modal, .receiver-add-card-modal {

}


.send-tip-modal-dialogue {
}

.send-tip-modal-content {
}


.post-title, .post-title:hover {
font-size: 2.7em;
}

.interest-jumbotron {
margin-top: 60px;
}


.share-modal, .share-answer-modal, .share-post-modal, .share-feed-modal {
top: 10% !important;
}


.shared-content-page-sidebar {
height: auto; 
margin-top: 50px;
padding-right: 1%;
padding-left: 1%;
}


.profile-insight-actions-flex-cont {
width: 100%;
}

.session-onboard-item {
height: 150px;
width: 49%;
}

.insight-onboard-item {
height: 150px;
width: 49%;
}

.onboarding-right-content {	
padding-bottom: 50px; 
}

.home-sec-big-text {
font-size: 3em; 
}

.home-flex-amina-text {
order: 2;
margin-bottom: 50px;
}

.home-flex-amina-image {
order: 1;
margin-bottom: 50px;
}

.home-flex-tip-text {
order: 2;
margin-bottom: 50px;
}

.home-flex-tip-image {
order: 1;
margin-bottom: 50px;
}


.home-new-content-flex {
display: flex; 
flex-direction: column; 
justify-content: space-between;
}

.insight-img-cont {
padding: 0px 0px 0px 0px;
width: 100%;
}

.feed-panel-cont {
width: 100%;
position:relative;
}

.feed-panel-column {
padding-left: 0px !important;
padding-right: 0px !important;
}

.feed-info-cont {
width: 0vh;
}

.interest-tabs-cont {
width: 100%;
margin: auto;
margin-bottom: 30px;
}

.interest-heading-1 {
font-size: 3.5em; 
line-height: 1.2em;
}


.insight-form-image-block {
flex: 0 0 100%;
}

.insight-form-text-block {
flex: 0 0 100%;
}

.inline-insight-form-wrapper {
flex-direction: column;
}

.insight-business-info-cont {
width:100%;
}


.feed-stat-1-text-1 {
font-size: 1.5em; 
}

.feed-stat-1-text-2 {
font-size: 2.1em; 
line-height: 1.1em;
}

.feed-stat-2-text-1 {
font-size: 2.1em; 
line-height: 1.1em;
}

.feed-stat-2-text-2 {
font-size: 1.5em; 
}  

.feed-potd-block {
min-height: 750px;
}

.iotd-title {
font-size: 2em; 
width: 70%;
}

.insight-page-actions-flex-container {
width: 110%; 
margin-bottom: 30px;
}

.insight-page-sidebar {
height: auto; 
margin-top: 10%;
padding-right: 4%;
padding-left: 4%;
}

.similar-content-item {
height: 500px;
}

.body-padding {
padding-top: 60px;
padding-bottom: 0px;
}

.feed-sec {
min-height: 900px;
height: 900px;
padding-top: 4%;
padding-bottom: 4%;
}

.feed-sec-big-text {
font-size: 2.8em; 
margin: 10% auto 0px auto; 
}

textarea.editable-session-ans, div.editable-session-ans {
height: 300px;
}


.ask-btn, .ask-btn:hover {
width: 100% !important;
font-size: 11px !important;
}


.follow-topics-container {
-ms-overflow-style: none; 
overflow: -moz-scrollbars-none !important; 
scrollbar-width: none;  
height: 550px; 
}


.follow-topics-container::-webkit-scrollbar {
display: none !important;
}

.nav-btn {
width: 70px;
font-size: 0.9em;
padding: 5px 7px 5px 7px;
margin: 0px 0px 0px 8px;
}

.show-chat-btn {
bottom: 8%;
}

.offline-alert {
width: 80%; 
left: 10%; 
}

.comment-form-avatar-cont {
flex: 0 0 3%;
margin-top: 4px;
}

.comment-form-input-cont {
flex: 0 0 90%;

}

.comment-input {
width: 100%;
}

.comment-reply-form-avatar-cont {
flex: 0 0 4%;
margin-top: 7px;
}

.comment-reply-form-input-cont {
flex: 0 0 90%;

}

.session-custom-container {
padding-left: 0px !important;
padding-right: 0px !important;
}

.session-custom-column {
padding-left: 4px !important;
padding-right: 4px !important;
}

.mobile-modal-dialogue {
width: 100% !important;
min-width: 100% !important;
margin: 0px !important;
height: 100% !important;
min-height: 100% !important;
}


.full-height-modal-dialogue {
width: 100% !important;
min-width: 100% !important;
margin: 0px !important;
height: 100% !important;
min-height: 100% !important;
}


.mobile-modal-content {
min-height: 100% !important;
height: auto !important; 
min-width: 100% !important; 
width: 100% !important;
border-radius: 0px !important;
-webkit-background-clip: none !important;
background-clip: padding-box !important;
border: none !important;
}


.modal-content-mobile-search {
padding-top: 45%; 
}

.results-wrapper-flexbox {

overflow-x: auto !important;

background-color: transparent !important;
-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important;  
scroll-behavior: smooth !important;

}

.padding-card {
height: 230px;
}


.padding-card-profile {
height: 150px;
}

.profile-image-container {
margin: 0px auto 30px auto;
}

.change-pass-container {
margin-top: 50px;
}

.photo-input-text {
text-align: center;
}

.tab-heading {
font-size: 0.9em !important;
}



.profile-photo, .profile-img-placeholder {
width: 50px;
height: 50px;
}



.profile-name {
font-size: 1.6em;
}

.profile-desc {
font-size:1.2em;
padding-right: 5px;
}

.profile-city {
font-size:1.2em;
}

.profile-city-text {
font-size: 0.8em;
}

.profile-purpose {
font-size:1em;
}



.follow-topic-item {
height: 150px;
width: 49%;
}

.about-heading-1 {
font-size: 12vh; 
}

.about-tc-alert {
width: 70%;
left: 15%; 
bottom: 10%;
}


.about-tc-link, .about-tc-link:hover  {
font-size:1em;

}

.action-alert {
width:98%; 
left: 1%; 
bottom: 60px;
}

.large-screen {
display: none;
}



.auth-bg-left {
display: none;
}


.auth-left-content   {
display: none; 
}


.login-right-content {
width: 100%
}


.signup-right-content {
width: 100%
}


.pr-right-content {
width: 100%
}


.ft-right-content {	
padding-bottom: 50px; 
}

.ac-bg-left {
display: none;
}

.ac-bg-right {
width: 100%;
margin: auto;
}

.ac-right-content { 
padding-bottom: 100px;
}

.ac-left-content {
display: none;
}


.auth-bg-right {
width: 100%;
margin: 0px;
font-family: Cabin;
}



/* landing page */
.main-text {
font-size: 2.5em;
}

.main-text-cont {
margin-top: 60%;
padding: 0 4% 0 4%;
}

.sec-text-cont {
margin-top: 10%;
padding: 0 20% 0 20%;
}

.sec-text {
font-size: 1.5em;
}

.section-1 {  
background-image: url(../twocents_app/l1.jpg);
}

.showcase-heading {
line-height: 1;
margin-bottom: 10px;
margin-left: 1px;
}

.showcase-container {
margin-bottom: 40px;
}

.sec-3-right {
margin: 10% 2% 0 2%;
text-align: center;
}

.section-5 {  
padding-top: 15%;
}

.section-7 {  
height: 700px;
padding-top: 30%;
}

.sm-link {
padding-right: 15px;
}


.footer-row-1 {
flex-direction: row;
margin-bottom: 10%;
}


.footer-row-2 {
flex-direction: column;
margin-bottom: 15%;
}

.footer {
padding-top: 10%;
padding-bottom: 10%;
}


body {
padding-bottom: 50px !important;
}


.about-jumbotron {
padding-top: 15%;
padding-bottom:  10%;
}


.contact-jumbotron {
/* background-image: url(../twocents_app/contact-sm.jpg); */
padding-top: 5%;
padding-bottom:  6%;
}

.contact-jumbotron-header {
font-size: 10vh; 
font-family: Cabin;
}


/* containers */
.custom-container {
width: 100% !important;
}

.custom-search-container {
width: 100% !important;
}

/* end containers */

.session-card {
margin-bottom: 20px;
}

.session-card-image {
height: 200px;
}




}




/* 
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {


.welcome-modal-content {
height: auto !important;
min-height: 600px;
}


.feed-top-contributors-main-heading {
font-size: 2em;
}        


.send-with-love-sub-icon {
margin: 10px auto 20px auto;
height: 55px;
}

.send-sub-modal-main-text {
font-size: 1.4em;
}

.send-sub-modal-info-text-top {
font-size: 1.4em;
}

.send-sub-modal-info-text-bottom {
font-size: 1.1em;
}


.send-sub-modal-info-icon {
width: 30px;
}


.send-with-love-tip-icon {
margin: 10px auto 20px auto;
height: 55px;
}

.send-tip-modal-main-text {
font-size: 1.4em;
}

.send-tip-modal-info-text-top {
font-size: 1.4em;
}

.send-tip-modal-info-text-bottom {
font-size: 1.1em;
}

.send-tip-modal-info-icon {
width: 30px;
}

.home-monetize-screenshot {
width: 300px;
}

.home-square-screenshot {
width: 100%;
}

.how-to-earn-heading {
font-size: 1em;
}

.how-to-earn-text {
font-size: 0.7em;
}

.new-insight-form .trumbowyg-editor {
max-height: 400px !important;
min-height: 400px !important;
}

.about-box-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}


.about-box-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 2;
order: 2;
}

.about-box-2 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
order: 1;
}

.session-jumbotron {
padding-top: 75px;
}

.featured-contributor-name { 
font-size: 2em;
}

.featured-contributor-occ {
color: white; 
font-size: 1.5em;
}

.featured-contributor-avatar {
width: 80px;
height: 80px;
}

.insight-business-text {
font-size: 0.85em;
}

.insight-business-title {
font-size: 0.9em;
}

.feed-post-occupation {
font-size: 0.8em; 
}

.post-interest-cont {
font-size: 100%;   
}

.insight-title {
font-size: 2.5em;
}

.feed-city-name, .feed-city-name:hover {
font-size: 0.7em;
}

.stats-cont,.stats-cont:hover {
font-size: 0.7em;
}

.users-in-your-city-heading {
font-size: 3em;
}

.sessions-mosaic-jumbotron {
min-height: 250px;
padding-top: 80px;
}

.interest-heading-info-cont {
align-items: flex-start;
min-height: 170px;
}

.inline-insight-form-wrapper-b {
flex-direction: row;
align-items: center;
}

.insight-form-tag-users-form {
width: 38%;
}

.insight-form-keyword-tags-form {
width: 30%;
}

.insight-form-interest-form {
width: 30%;
}

.insight-form-tip-sub-message-form, .insight-form-generate-audio-form {
width: 100%;
}

.send-tip-modal, .receiver-add-card-modal {

}


.send-tip-modal-dialogue {
}

.send-tip-modal-content {
}


.post-title, .post-title:hover {
font-size: 2.7em;
}

.interest-jumbotron {
margin-top: 60px;
}


.share-modal, .share-answer-modal, .share-post-modal, .share-feed-modal {
top: 10% !important;
}


.shared-content-page-sidebar {
height: auto; 
margin-top: 50px;
padding-right: 1%;
padding-left: 1%;
}


.profile-insight-actions-flex-cont {
width: 70%;
}

.session-onboard-item {
height: 150px;
width: 24%;
}

.insight-onboard-item {
height: 150px;
width: 24%;
}

.onboarding-right-content {	
padding-bottom: 50px; 
}

.home-sec-big-text {
font-size: 3em; 
}

.home-flex-amina-text {
order: 1;
margin-bottom: 50px;
}

.home-flex-amina-image {
order: 2;
margin-bottom: 50px;
}

.home-flex-tip-text {
order: 2;
margin-bottom: 50px;
}

.home-flex-tip-image {
order: 1;
margin-bottom: 50px;
}


.home-flex-content-order {
order: reverse;
margin-bottom: 50px;
}


.home-new-content-flex {
display: flex; 
flex-direction: column; 
justify-content: space-between;
}

.insight-img-cont {
padding: 0px 0px 0px 0px;
width: 100%;
}


.feed-panel-cont {
width: 100%;
position:relative;
}

.feed-info-cont {
width: 0vh;
}

.feed-panel-column {
padding-left: 0px !important;
padding-right: 0px !important;
}

.interest-tabs-cont {
width: 100%;
margin: auto;
margin-bottom: 30px;
}

.interest-heading-1 {
font-size: 3.5em; 
line-height: 1.2em;
}


.insight-form-image-block {
flex: 0 0 100%;
}

.insight-form-text-block {
flex: 0 0 100%;
}

.inline-insight-form-wrapper {
flex-direction: column;
}  

.insight-business-info-cont {
width:100%;
}


.feed-stat-1-text-1 {
font-size: 1.5em; 
}

.feed-stat-1-text-2 {
font-size: 2.1em; 
line-height: 1.1em;
}

.feed-stat-2-text-1 {
font-size: 2.1em; 
line-height: 1.1em;
}

.feed-stat-2-text-2 {
font-size: 1.5em; 
}

.feed-potd-block {
min-height: 750px;
}

.iotd-title {
font-size: 2em; 
width: 70%;
}

.insight-page-actions-flex-container {
width: 80%; 
margin-bottom: 30px;
}


.insight-page-sidebar {
height: auto; 
margin-top: 10%;
padding-right: 4%;
padding-left: 4%;
}

.similar-content-item {
height: 500px;
}

.body-padding {
padding-top: 60px;
padding-bottom: 0px;
}

.feed-sec {
min-height: 800px;
height: 800px;
padding-top: 4%;
padding-bottom: 4%;
}
.feed-sec-big-text {
font-size: 2.8em; 
margin: 10% auto 0px auto; 
}

textarea.editable-session-ans, div.editable-session-ans {
height: 300px;
}


.ask-btn, .ask-btn:hover {
width: 100% !important;
font-size: 11px !important;
}


.follow-topics-container {
-ms-overflow-style: none; 
overflow: -moz-scrollbars-none !important; 
scrollbar-width: none;  
height: 350px; 
}


.follow-topics-container::-webkit-scrollbar {
display: none !important;
}

.nav-btn {
width: 70px;
font-size: 0.9em;
padding: 5px 7px 5px 7px;
margin: 0px 0px 0px 8px;
}

.show-chat-btn {
bottom: 20%;
}

.offline-alert {
width: 60%; 
left: 20%; 
}

.comment-form-avatar-cont {
flex: 0 0 3%;
margin-top: 4px;
}

.comment-form-input-cont {
flex: 0 0 90%;

}

.comment-input {
width: 100%;
}

.comment-reply-form-avatar-cont {
flex: 0 0 4%;
margin-top: 7px;
}

.comment-reply-form-input-cont {
flex: 0 0 90%;

}

.session-custom-container {
padding-left: 0px !important;
padding-right: 0px !important;
}

.session-custom-column {
padding-left: 4px !important;
padding-right: 4px !important;
}

.mobile-modal-dialogue {
width: 100% !important;
min-width: 100% !important;
margin: 0px !important;
height: 100% !important;
min-height: 100% !important;
}

.full-height-modal-dialogue {
width: 100% !important;
min-width: 100% !important;
margin: 0px !important;
height: 100% !important;
min-height: 100% !important;
}


.mobile-modal-content {
min-height: 100% !important;
height: auto !important; 
min-width: 100% !important; 
width: 100% !important;
border-radius: 0px !important;
-webkit-background-clip: none !important;
background-clip: padding-box !important;
border: none !important;
}

.modal-content-mobile-search {
padding-top: 25%; 
}

.results-wrapper-flexbox {

overflow-x: auto !important;

background-color: transparent !important;
-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important;
scroll-behavior: smooth !important;

}


.padding-card-profile {
height: 150px;
}

.padding-card {
height: 230px;
}


.profile-image-container {
margin: 0px auto 30px auto;
}

.change-pass-container {
margin-top: 50px;
}

.photo-input-text {
text-align: center;
}

.tab-heading {
font-size: 1em !important;
}


.profile-photo, .profile-img-placeholder {
width: 50px;
height: 50px;
}



.profile-name {
font-size: 1.6em;
}

.profile-desc {
font-size:1.2em;
padding-right: 5px;
}

.profile-city {
font-size:1.2em;
}

.profile-city-text {
font-size: 0.8em;
}

.profile-purpose {
font-size:1em;
}

.follow-topic-item {
height: 150px;
width: 24%;
}

.about-heading-1 {
font-size: 12vh; 
}

.about-tc-alert {
width: 80%;
left: 10%;
bottom: 10%;
}


.about-tc-link, .about-tc-link:hover  {
font-size:1em;
}

.action-alert {
width: 80%; 
left: 10%; 
bottom: 60px;
}

.large-screen {
display: none;
}




.auth-bg-left {
display: none;
}


.auth-left-content   {
display: none; 
}


.login-right-content {
width: 100%
}


.signup-right-content {
width: 100%
}


.pr-right-content {
margin-right: 3%;
margin-left: 3%;		
padding-top: 20%; 

}


.ft-right-content {	
padding-bottom: 50px;
}

.ac-bg-left {
display: none;
}

.ac-bg-right {
width: 100%;
margin: auto;
}

.ac-right-content {
padding-bottom: 100px;
}

.ac-left-content {
display: none;
}




.auth-bg-right {
width: 100%;
margin: 0px;
font-family: Cabin;
}


/* landing page */
.main-text {
font-size: 2.5em;
}


.main-text-cont {
margin-top: 40%;
padding: 0 10% 0 10%;
}

.sec-text-cont {
margin-top: 10%;
padding: 0 20% 0 20%;
}

.sec-text {
font-size: 1.5em;
}


.section-1 {  
background-image: url(../twocents_app/l1.jpg);
}


.showcase-heading {
line-height: 1;
margin-bottom: 10px;
margin-left: 1px;
}


.showcase-container {
margin-bottom: 40px;
}

.sec-3-right {
margin: 10% 2% 0 2%;
text-align: center;
}

.section-5 {  
padding-top: 15%;
}

.section-7 {  
height: 700px;
padding-top: 30%;
}


.sm-link {
padding-right: 15px;
}

.footer-row-1 {
flex-direction: row;
margin-bottom: 10%;
}


.footer-row-2 {
flex-direction: column;
margin-bottom: 15%;
}

.footer {
padding-top: 10%;
padding-bottom: 10%;
}


body {
padding-bottom: 50px !important;
}



.about-jumbotron {
padding-top: 15%;
padding-bottom:  10%;
}


.contact-jumbotron {
/* background-image: url(../twocents_app/contact-sm.jpg); */
padding-top: 5%;
}

.contact-jumbotron-header {
font-size: 10vw; 
font-family: Cabin;
}


/* containers */
.custom-container {
width: 99% !important;
}

.custom-search-container {
width: 100% !important;
}


/* end containers */

.session-card {
margin-bottom: 20px;
}

.session-card-image {
height: 300px;
}




}





/* 
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {


.welcome-modal-content {
height: 100% !important;
min-height: 600px;
}


.feed-top-contributors-main-heading {
font-size: 1.8em;
}        

.send-with-love-sub-icon {
margin: 10px auto 20px auto;
height: 55px;
}

.send-sub-modal-main-text {
font-size: 1.4em;
}

.send-sub-modal-info-text-top {
font-size: 1.4em;
}

.send-sub-modal-info-text-bottom {
font-size: 1.1em;
}


.send-sub-modal-info-icon {
width: 30px;
}


.send-with-love-tip-icon {
margin: 10px auto 20px auto;
height: 55px;
}

.send-tip-modal-main-text {
font-size: 1.4em;
}

.send-tip-modal-info-text-top {
font-size: 1.4em;
}

.send-tip-modal-info-text-bottom {
font-size: 1.1em;
}

.send-tip-modal-info-icon {
width: 30px;
}


.home-monetize-screenshot {
width: 100%;
}

.home-square-screenshot {
width: 100%;
}

.how-to-earn-heading {
font-size: 1em;
}

.how-to-earn-text {
font-size: 0.7em;
}


.new-insight-form .trumbowyg-editor {
max-height: 400px !important;
min-height: 400px !important;
}


.about-box-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}


.about-box-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 2;
order: 2;
}

.about-box-2 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
order: 1;
}


.session-jumbotron {
padding-top: 75px;
}

.featured-contributor-name {
font-size: 1.8em;
}

.featured-contributor-occ {
color: white; 
font-size: 1em;
}

.featured-contributor-avatar {
width: 80px;
height: 80px;
}


.insight-business-text {
font-size: 0.7em;
}

.insight-business-title {
font-size: 0.7em;
}

.feed-post-occupation {
font-size: 0.7em; 
}

.post-interest-cont {
font-size: 80%;   
}

.insight-title {
font-size: 2em;
}

.feed-city-name, .feed-city-name:hover {
font-size: 0.6em;
}


.stats-cont,.stats-cont:hover {
font-size: 0.6em;
}

.users-in-your-city-heading {
font-size: 3em;
}


.sessions-mosaic-jumbotron {
min-height: 250px;
padding-top: 80px;
}

.interest-heading-info-cont {
align-items: center;
min-height: 170px;
}


.inline-insight-form-wrapper-b {
flex-direction: column;
align-items: center;
}

.insight-form-tag-users-form {
width: 100%;
}

.insight-form-keyword-tags-form {
width: 100%;
}

.insight-form-interest-form {
width: 100%;
}

.insight-form-tip-sub-message-form, .insight-form-generate-audio-form {
width: 100%;
}


.send-tip-modal, .receiver-add-card-modal {

}

.send-tip-modal-dialogue {
}

.send-tip-modal-content {
}


.post-title, .post-title:hover {
font-size: 2.7em;
}

.interest-jumbotron {
margin-top: 60px;
}


.share-modal, .share-answer-modal, .share-post-modal, .share-feed-modal {
top: 10% !important;
}


.shared-content-page-sidebar {
height: auto; 
margin-top: 50px;
padding-right: 1%;
padding-left: 1%;
}


.profile-insight-actions-flex-cont {
width: 100%;
}

.session-onboard-item {
height: 150px;
width: 49%;
}

.insight-onboard-item {
height: 150px;
width: 49%;
}

.onboarding-right-content {	
padding-bottom: 50px; 
}


.home-sec-big-text {
font-size: 3em; 
}

.home-flex-amina-text {
order: 2;
margin-bottom: 50px;
}

.home-flex-amina-image {
order: 1;
margin-bottom: 50px;
}

.home-flex-tip-text {
order: 2;
margin-bottom: 50px;
}

.home-flex-tip-image {
order: 1;
margin-bottom: 50px;
}


.home-flex-content-order {
order: initial;
margin-bottom: 50px;
}

.home-new-content-flex {
display: flex; 
flex-direction: column; 
justify-content: space-between;
}

.insight-img-cont {
padding: 0px 0px 0px 0px;
width: 100%;
}


.feed-panel-cont {
width: 100%;
position:relative;
}

.feed-info-cont {
width: 0vh;
}

.feed-panel-column {
padding-left: 0px !important;
padding-right: 0px !important;
}


.interest-tabs-cont {
width:100%;
margin: auto;
margin-bottom: 30px;
}

.interest-heading-1 {
font-size: 2.5em; 
line-height: 1.2em;
}


.insight-form-image-block {
flex: 0 0 100%;
}

.insight-form-text-block {
flex: 0 0 100%;
}

.inline-insight-form-wrapper {
flex-direction: column;
}   

.insight-business-info-cont {
width:110%;
}

.feed-stat-1-text-1 {
font-size: 1.3em; 
}

.feed-stat-1-text-2 {
font-size: 2.1em; 
line-height: 1.1em;
}

.feed-stat-2-text-1 {
font-size: 2.1em; 
line-height: 1.1em;
}

.feed-stat-2-text-2 {
font-size: 1.5em; 
}

.feed-potd-block {
min-height: 750px;
}

.iotd-title {
font-size: 1.3em; 
width: 100%;
}

.insight-page-actions-flex-container {
width: 110%; 
margin-bottom: 30px;
}

.insight-page-sidebar {
height: auto;  
margin-top: 10%;
padding-right: 4%;
padding-left: 4%;
}

.similar-content-item {
height: 500px;
}

.body-padding {
padding-top: 60px;
padding-bottom: 0px;
}

.feed-sec {
min-height: 800px;
height: 800px;
padding-top: 4%;
padding-bottom: 4%;
}

.feed-sec-big-text {
font-size: 2.8em; 
margin: 10% auto 0px auto; 
}

textarea.editable-session-ans, div.editable-session-ans {
height: 300px;
}


.ask-btn, .ask-btn:hover {
width: 100% !important;
font-size: 11px !important;
}


.follow-topics-container {
-ms-overflow-style: none; 
overflow: -moz-scrollbars-none !important; 
scrollbar-width: none;  
height: 500px; 
}


.follow-topics-container::-webkit-scrollbar {
display: none !important;
}

.nav-btn {
width: 70px;
font-size: 0.8em;
padding: 5px 7px 5px 7px;
margin: 0px 0px 0px 8px;
}

.show-chat-btn {
bottom: 10%;
}

.offline-alert {
width: 80%; 
left: 10%; 
}

.comment-form-avatar-cont {
flex: 0 0 3%;
margin-top: 4px;
}

.comment-form-input-cont {
flex: 0 0 90%;
}

.comment-input {
width: 100%;
}

.comment-reply-form-avatar-cont {
flex: 0 0 4%;
margin-top: 7px;
}

.comment-reply-form-input-cont {
flex: 0 0 90%;
}

.session-custom-container {
padding-left: 0px !important;
padding-right: 0px !important;
}

.session-custom-column {
padding-left: 4px !important;
padding-right: 4px !important;
}

.mobile-modal-dialogue {
width: 100% !important;
min-width: 100% !important;
margin: 0px !important;
height: 100% !important;
min-height: 100% !important;
}


.full-height-modal-dialogue {
width: 100% !important;
min-width: 100% !important;
margin: 0px !important;
height: 100% !important;
min-height: 100% !important;
}


.mobile-modal-content {
min-height: 100% !important;
height: auto !important; 
min-width: 100% !important; 
width: 100% !important;
border-radius: 0px !important;
-webkit-background-clip: none !important;
background-clip: padding-box !important;
border: none !important;
}

.modal-content-mobile-search {
padding-top: 50%; 
}

.results-wrapper-flexbox {
overflow-x: auto !important;

background-color: transparent !important;
-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important;  
scroll-behavior: smooth !important;

}


.padding-card-profile {
height: 150px;
}

.padding-card {
height: 230px;
}


.profile-image-container {
margin: 0px auto 30px auto;
}

.change-pass-container {
margin-top: 50px;
}


.photo-input-text {
text-align: center;
}

.tab-heading {
font-size: 0.8em !important;
}


.profile-photo, .profile-img-placeholder {
width: 50px;
height: 50px;
}



.profile-name {
font-size: 1.5em;
}

.profile-desc {
font-size:1em;
padding-right: 5px;
}

.profile-city {
font-size:1em;
}

.profile-city-text {
font-size: 0.7em;
}

.profile-purpose {
font-size:0.8em;
}


.follow-topic-item {
height: 150px;
width: 49%;
}

.about-heading-1 {
font-size: 9vh; 
}

.about-tc-alert {
width: 70%;
left: 15%;
bottom: 10%;
}


.about-tc-link, .about-tc-link:hover  {
font-size:1em;

}

.action-alert {
width: 98%; 
left: 1%; 
bottom: 60px;
}

.large-screen {
display: none;
}




.auth-bg-left {
display: none;
}


.auth-left-content   {
display: none; 
}


.login-right-content {
width: 100%
}


.signup-right-content {
width: 100%
}


.pr-right-content {
width: 100%
}


.ft-right-content {	
padding-bottom: 50px;  
}

.ac-bg-left {
display: none;
}

.ac-bg-right {
width: 100%;
margin: auto;
}

.ac-right-content {
padding-bottom: 100px;
}

.ac-left-content {
display: none;
}


.auth-bg-right {
width: 100%;
margin: 0px;
font-family: Cabin;
}


/* landing page */
.main-text {
font-size: 2.4em;
}

.main-text-cont {
margin-top: 60%;
padding: 0 4% 0 4%;
}


.sec-text-cont {
margin-top: 10%;
padding: 0 20% 0 20%;
}

.sec-text {
font-size: 1.5em;
}


.section-1 {  
background-image: url(../twocents_app/l1.jpg);
}


.showcase-heading {
line-height: 1;
margin-bottom: 10px;
margin-left: 1px;
}


.showcase-container {
margin-bottom: 40px;
}

.sec-3-right {
margin: 10% 2% 0 2%;
text-align: center;
}

.section-5 {  
padding-top: 20%;
}


.section-7 {  
height: 700px;
padding-top: 40%;
}

.sm-link {
padding-right: 15px;
}


.footer-row-1 {
flex-direction: row;
margin-bottom: 10%;
}


.footer-row-2 {
flex-direction: column;
margin-bottom: 15%;
}

.footer {
padding-top: 10%;
padding-bottom: 10%;
}


body {
padding-bottom: 50px !important;
}


.about-jumbotron {
padding-top: 15%;
padding-bottom:  10%;
}


.contact-jumbotron {
/* background-image: url(../twocents_app/contact-sm.jpg); */
padding-top: 5%;
}


.contact-jumbotron-header {
font-size: 10vh; 
font-family: Cabin;
vertical-align: middle;
}

/* containers */
.custom-container {
width: 100% !important;
}

.custom-search-container {
width: 100% !important;
}

/* end containers */

.session-card {
margin-bottom: 15px;
}

.session-card-image {
height: 300px;
}


}





/* 
##Device = Most of the Smartphones Mobiles (Landscape)
##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {


.welcome-modal-content {
height: auto !important;
min-height: 600px;
}


.feed-top-contributors-main-heading {
font-size: 2.2em;
}        


.send-with-love-sub-icon {
margin: 10px auto 20px auto;
height: 55px;
}

.send-sub-modal-main-text {
font-size: 1.4em;
}

.send-sub-modal-info-text-top {
font-size: 1.4em;
}

.send-sub-modal-info-text-bottom {
font-size: 1.1em;
}


.send-sub-modal-info-icon {
width: 30px;
}


.send-with-love-tip-icon {
margin: 10px auto 20px auto;
height: 55px;
}

.send-tip-modal-main-text {
font-size: 1.4em;
}

.send-tip-modal-info-text-top {
font-size: 1.4em;
}

.send-tip-modal-info-text-bottom {
font-size: 1.1em;
}

.send-tip-modal-info-icon {
width: 30px;
}


.home-monetize-screenshot {
width: 100%;
}

.home-square-screenshot {
width: 100%;
}


.how-to-earn-heading {
font-size: 1em;
}

.how-to-earn-text {
font-size: 0.7em;
}



.new-insight-form .trumbowyg-editor {
max-height: 400px !important;
min-height: 400px !important;
}


.about-box-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}


.about-box-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 2;
order: 2;
}

.about-box-2 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
order: 1;
}


.session-jumbotron {
padding-top: 75px;
}


.featured-contributor-name {
font-size: 1.5em;
}

.featured-contributor-occ {
color: white; 
font-size: 1em;
}

.featured-contributor-avatar {
width: 80px;
height: 80px;
}



.insight-business-text {
font-size: 0.7em;
}

.insight-business-title {
font-size: 0.7em;
}

.feed-post-occupation {
font-size: 0.7em; 
}


.post-interest-cont {
font-size: 80%;   
}


.insight-title {
font-size: 2em;
}

.feed-city-name, .feed-city-name:hover {
font-size: 0.6em;
}

.stats-cont,.stats-cont:hover {
font-size: 0.6em;
}


.users-in-your-city-heading {
font-size: 3em;
}

.sessions-mosaic-jumbotron {
min-height: 250px;
padding-top: 80px;
}


.interest-heading-info-cont {
align-items: center;
min-height: 170px;
}

.inline-insight-form-wrapper-b {
flex-direction: column;
align-items: center;
}

.insight-form-tag-users-form {
width: 100%;
}

.insight-form-keyword-tags-form {
width: 100%;
}

.insight-form-interest-form {
width: 100%;
}


.insight-form-tip-sub-message-form, .insight-form-generate-audio-form {
width: 100%;
}


.send-tip-modal, .receiver-add-card-modal {

}


.send-tip-modal-dialogue {
}

.send-tip-modal-content {
}


.post-title, .post-title:hover {
font-size: 2.7em;
}

.interest-jumbotron {
margin-top: 60px;
}


.share-modal, .share-answer-modal, .share-post-modal, .share-feed-modal {
top: 10% !important;
}



.shared-content-page-sidebar {
height: auto; 
margin-top: 50px;
padding-right: 1%;
padding-left: 1%;
}


.profile-insight-actions-flex-cont {
width: 70%;
}

.session-onboard-item {
height: 150px;
width:24%;
}

.insight-onboard-item {
height: 150px;
width:24%;
}

.onboarding-right-content {	
padding-bottom: 50px;
}

.home-sec-big-text {
font-size: 3em; 
}

.home-flex-amina-text {
order: 2;
margin-bottom: 50px;
}

.home-flex-amina-image {
order: 1;
margin-bottom: 50px;
}

.home-flex-tip-text {
order: 2;
margin-bottom: 50px;
}

.home-flex-tip-image {
order: 1;
margin-bottom: 50px;
}

.home-flex-content-order {
order: reverse;
margin-bottom: 50px;
}

.home-new-content-flex {
display: flex; 
flex-direction: column; 
justify-content: space-between;
}     

.insight-img-cont {
padding: 0px 0px 0px 0px;
width: 100%;
}


.feed-panel-cont {
width: 100%;
position:relative;
}

.feed-info-cont {
width: 0vh;
}

.feed-panel-column {
padding-left: 0px !important;
padding-right: 0px !important;
}


.interest-tabs-cont {
width: 70%;
margin: auto;
margin-bottom: 30px;
}

.interest-heading-1 {
font-size: 2.5em; 
line-height: 1.2em;
}


.insight-form-image-block {
flex: 0 0 100%;
}

.insight-form-text-block {
flex: 0 0 100%;
}

.inline-insight-form-wrapper {
flex-direction: column;
}   

.insight-business-info-cont {
width:110%;
}


.feed-stat-1-text-1 {
font-size: 1.5em; 
}

.feed-stat-1-text-2 {
font-size: 2.1em; 
line-height: 1.1em;
}

.feed-stat-2-text-1 {
font-size: 2.1em; 
line-height: 1.1em;
}

.feed-stat-2-text-2 {
font-size: 1.5em; 
}  

.feed-potd-block {
min-height: 750px;
}

.iotd-title {
font-size: 1.5em; 
width: 100%;
}


.insight-page-actions-flex-container {
width: 80%; 
margin-bottom: 30px;
}

.insight-page-sidebar {
height: auto;  
margin-top: 10%;
padding-right: 4%;
padding-left: 4%;
}

.similar-content-item {
height: 500px;
}

.body-padding {
padding-top: 60px;
padding-bottom: 0px;
}

.feed-sec {
min-height: 800px;
height: 800px;
padding-top: 4%;
padding-bottom: 4%;
}

.feed-sec-big-text {
font-size: 2.8em; 
margin: 10% auto 0px auto; 
}

textarea.editable-session-ans, div.editable-session-ans {
height: 300px;
}


.ask-btn, .ask-btn:hover {
width: 100% !important;
font-size: 11px !important;
}


.follow-topics-container {
-ms-overflow-style: none; 
overflow: -moz-scrollbars-none !important; 
scrollbar-width: none;  
height: 350px; 
}


.follow-topics-container::-webkit-scrollbar {
display: none !important;
}

.nav-btn {
width: 70px;
font-size: 0.8em;
padding: 5px 7px 5px 7px;
margin: 0px 0px 0px 8px;
}

.show-chat-btn {
bottom: 30%;
}

.offline-alert {
width: 60%; 
left: 20%; 
}

.comment-form-avatar-cont {
flex: 0 0 3%;
margin-top: 4px;
}

.comment-form-input-cont {
flex: 0 0 90%;
}

.comment-input {
width: 100%;
}

.comment-reply-form-avatar-cont {
flex: 0 0 4%;
margin-top: 7px;
}

.comment-reply-form-input-cont {
flex: 0 0 90%;
}


.session-custom-container {
padding-left: 0px !important;
padding-right: 0px !important;
}

.session-custom-column {
padding-left: 4px !important;
padding-right: 4px !important;
}

.mobile-modal-dialogue {
width: 100% !important;
min-width: 100% !important;
margin: 0px !important;
height: 100% !important;
min-height: 100% !important;
}


.full-height-modal-dialogue {
width: 100% !important;
min-width: 100% !important;
margin: 0px !important;
height: 100% !important;
min-height: 100% !important;
}


.mobile-modal-content {
min-height: 100% !important;
height: auto !important; 
min-width: 100% !important; 
width: 100% !important;
border-radius: 0px !important;
-webkit-background-clip: none !important;
background-clip: padding-box !important;
border: none !important;
}

.modal-content-mobile-search {
padding-top: 25%; 
}


.results-wrapper-flexbox {
overflow-x: auto !important;

background-color: transparent !important;
-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important; 
scroll-behavior: smooth !important;


}

.padding-card {
height: 230px;
}



.padding-card-profile {
height: 150px;
}

.profile-image-container {
margin: 0px auto 30px auto;
}

.change-pass-container {
margin-top: 50px;
}

.photo-input-text {
text-align: center;
}

.tab-heading {
font-size: 0.9em !important;
}

.profile-photo, .profile-img-placeholder {
width: 50px;
height: 50px;
}


.profile-name {
font-size: 1.5em;
}

.profile-desc {
font-size:1em;
padding-right: 5px;
}

.profile-city {
font-size:1em;
}

.profile-city-text {
font-size: 0.7em;
}

.profile-purpose {
font-size:0.8em;
}


.follow-topic-item {
height: 150px;
width:24%;
}

.about-heading-1 {
font-size: 9vh; 
}

.action-alert {
width: 80%; 
left: 10%; 
bottom: 60px;
}

.large-screen {
display: none;
}




.auth-bg-left {
display: none;
}


.auth-left-content   {
display: none; 
}


.login-right-content {
width: 100%;
}


.signup-right-content {
width: 100%
}


.pr-right-content {
width: 100%
}


.ft-right-content {	
padding-bottom: 50px; 
}


.ac-bg-left {
display: none;
}

.ac-bg-right {
width: 100%;
margin: auto;
}

.ac-right-content {
padding-bottom: 100px;
}

.ac-left-content {
display: none;
}



.auth-bg-right {
width: 100%;
margin: 0px;
font-family: Cabin;
}

/* landing page */
.main-text {
font-size: 2.4em;
}


.main-text-cont {
margin-top: 60%;
padding: 0 10% 0 10%;
}


.sec-text-cont {
margin-top: 10%;
padding: 0 20% 0 20%;
}

.sec-text {
font-size: 1.5em;
}


.section-1 {  
background-image: url(../twocents_app/l1.jpg);
}


.showcase-heading {
line-height: 1;
margin-bottom: 10px;
margin-left: 1px;
}

.showcase-container {
margin-bottom: 40px;
}


.sec-3-right {
margin: 10% 2% 0 2%;
text-align: center;
}


.section-5 {  
padding-top: 20%;
}


.section-7 {  
height: 700px;
padding-top: 40%;
}

.sm-link {
padding-right: 15px;
}

.footer-row-1 {
flex-direction: row;
margin-bottom: 10%;
}


.footer-row-2 {
flex-direction: column;
margin-bottom: 15%;
}


.footer {
padding-top: 10%;
padding-bottom: 10%;
}


body {
padding-bottom: 50px !important;
}


.about-jumbotron {
padding-top: 15%;
padding-bottom:  10%;
}


.contact-jumbotron {
/* background-image: url(../twocents_app/contact-sm.jpg); */
padding-top: 5%;
}

.contact-jumbotron-header {
font-size: 10vw; 
font-family: Cabin;
}

/* containers */
.custom-container {
width: 99% !important;
}

.custom-search-container {
width: 100% !important;
}

/* end containers */

.session-card {
margin-bottom: 15px;
}

.session-card-image {
height: 250px;
}


}




@media (min-width: 250px) and (max-width: 320px) and (orientation: portrait) {


.how-to-earn-heading {
font-size: 1em;
}

.how-to-earn-text {
font-size: 0.65em;
}


textarea.editable-session-ans, div.editable-session-ans {
height: 300px;
}

.large-screen {
display: none;
}

/* landing page */
.main-text {
font-size: 2em;

}

.results-wrapper-flexbox {
overflow-x: auto !important;

background-color: transparent !important;
-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important;  
scroll-behavior: smooth !important;


}



}












/* all screens */

body {
font-family: 'Cabin', sans-serif !important;
line-height: 1.5;
background-color: #111 !important;
color: #fafafa !important;
}

html {
scroll-behavior: smooth !important;
}


.inverted-text {
color: #fafafa;
}


.light-hr {
opacity: 0.2;
}


.low-margin-light-hr {
opacity: 0.06;
margin-top: 5px !important;
margin-bottom: 5px !important;
}    


.zero-width-copy-div {
width: 0px !important;
height: 0px !important;
font-size: 0em !important;
}


.linkified, .linkified:hover {
color: #03a9f5 !important;
}


.premium-icon-post-card-cont {
margin-bottom: 7px;
}

.premium-icon-post-card {
height:20px;
}



.premium-icon-long-card {
position: absolute; 
height: 30px; 
right: 0;
}

.premium-icon-wide-card {
position: absolute;
height: 15px;
right: 1px;
top: 1px;
}

.premium-icon-medium-card {
position: absolute;
height: 20px;
right: 1px;
top: 1px;
}


.premium-icon-owner-card {
position: absolute;
height: 20px;
right: 1px;
}

.premium-icon-search-card {
height: 18px;
margin-left: 4px;
margin-bottom: 5px
}


.premium-icon-profile-card {
height: 18px;
margin-left: 4px;
margin-bottom: 3px;
}



.bright-text {
color: #ccc;
}



.grey999 {
color: #999;
}


.active-icon {
filter: invert(55%) sepia(95%) saturate(1647%) hue-rotate(108deg) brightness(99%) contrast(98%) !important;
}

.close {
font-size: 40px !important;
font-weight: 100 !important;
color: #fafafa !important;
opacity: 1 !important;
text-shadow: none !important;
}

a, a:hover {
text-decoration: none !important;
outline: none !important;
}

form {
font-family: Cabin, sans-serif !important;
}

.media {
margin-top: 0px !important;
}

.required-field {
color: red !important;
font-size: smaller !important;
text-align: left !important;
}

.field-error, .field-error:focus {
border-color: red !important;
}

img.slide-arrow {
width:25px;
transition: width 0.1s linear;
-webkit-transition: width 0.1s linear;
-moz-transition: width 0.1s linear;
filter: invert(1);
}


img.feed-slide-arrow {
width:50px;
}

a.earnings-left-arrow img.feed-slide-arrow, a.earnings-right-arrow img.feed-slide-arrow {
width: 25px;
opacity: 0.8;
}


div.addui-Tabs-tab {
color: #ccc;
transition: color 0.3s linear;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;

}

.addui-Tabs .addui-Tabs-tabHolder .addui-Tabs-tab {
color: #ccc;
}

div.editable {
max-width: 100%;
height: 200px;
border: 1px solid #ccc;
padding: 5px;
overflow-y: scroll;
text-align: left;
border-radius: 3px;
resize: none !important;
word-wrap: break-word;
word-break: break-all;
}


form.editQues-form {
max-width: 96% !important;
}

div.editable-sm {
max-width: 100%;
height: 120px;
margin-left: 2px;
margin-right: 2px;
border: 1px solid #ccc;
padding: 5px;
overflow-y: scroll;
text-align: left;
border-radius: 3px;
resize: none !important;
word-wrap: break-word;
word-break: break-all;
color: #fafafa !important;
background-color: transparent !important;
}


.modal {
z-index: 1000000 !important;
}


.show-chat-btn {
right: 0.2%;
position: fixed;
transition: opacity .25s;
z-index: 100;
}

.show-chat-btn:hover {
opacity: 0.8;

}

.show-chat-img {
width: 60px; 
}


.offline-alert {
background-color: #e57373; 
color: #fff;
border: 1px solid #d32f2e;
text-align: center;
padding: 12px; 
position: fixed; 
z-index: 10000000 !important; 
border-radius: 3px;

font-family: Cabin !important;
font-size: 0.8em !important;
letter-spacing: 0.2px !important;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
top: 30px;
}





.active-element {
display: none !important;
}

.empty-block {
width: 50%;
margin: auto;
padding-top: 5%;
text-align: center;
font-family: Cabin, sans-serif !important;
}


.empty-block-large {
width: 50%;
text-align: center;
font-family: Cabin, sans-serif !important;
}



.empty-block-text {
line-height: 1.3em;
color: grey;
text-align: center;
}

.ask-modal .modal-title {
color: #ccc !important;
}

.rules-modal {
color: #ccc !important;
}


.session-empty-block, .profile-empty-block {
font-family: Cabin, sans-serif;
margin-right: auto;
margin-left: auto;
padding-top: 5%;
text-align: center;
color: #ccc;
}

.follow-interests-next-cont {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 30px; 
width: 300px;
}

.forgot-password-cont {
text-align: center;
margin-top: 8px; 
margin-bottom: 5px;
}

.sign-in-message, .sign-up-message, .reset-password-heading {
color: #ccc !important;
}


.auth-form {
margin: 0px 15px;
}

img.loading-large {
display: none;
width: 40px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}


img.loading-small {
display: none;
width: 25px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}


.login-btn-default {
font-family: Cabin, sans-serif;
background-color: transparent !important;
color: #ccc !important;
border: 1px solid #ccc;
} 


div#new_visit, div#new_user {
display: none !important;
}

.white-link, .white-link:hover {
color: white !important;
text-decoration: none;
}

.grey-text {
color: grey;
}


.dark-grey-text, .dark-grey-text:hover {
color: #fafafa !important;
}

.active-tab {
color: #00de53 !important;
border-color: #00de53 !important;
}


.filter-search {
border-top-width: 0px !important;
border-right-width: 0px !important;
border-left-width: 0px !important;
box-shadow: none !important;
border-radius: 0px !important;
padding-left: 0px !important;
letter-spacing: 0.3px !important; 
background-color: transparent !important;
}

.filter-search:focus {
border-color: #00dc70 !important;
}





/* popover styles */

.popover {
background-color: #000 !important;
border-color: #000 !important;
}

.popover.bottom > .arrow {
filter: invert(1);
border-bottom-color: transparent !important;
}


.popover.top > .arrow {
filter: invert(1);
border-bottom-color: transparent !important;
}


.popover.right > .arrow {
filter: invert(1);
border-bottom-color: transparent !important;
}

.popover.left > .arrow {
filter: invert(1);
border-bottom-color: transparent !important;
}

.popover-content {
font-size: 0.8em !important;
z-index: 1000000;
} 

.popover-title {
background-color: #000 !important;
border: none !important;
color: #fff !important; 
text-align: right;
}

.popover .popover-body {
background-color: #000 !important;
color: #fff !important; 
}

.popover-title-color {
color: #fafafa !important;
background-color: #000 !important;
font-family: Cabin, sans-serif !important;
}

.popover-text-color {
color: #ccc !important;
font-family: Cabin, sans-serif !important;
font-size: 1em !important;
}

.popover-avatar {
width: 25px;
height: 25px;
border-radius: 50%;
object-fit: cover;
margin: 0px 1px 3px 1px;
border: solid 2px #00de53;
}

.popover-avatar-ph {
width: 27px;
height: 27px;
border-radius: 50%;
object-fit: cover;
margin: 0px 1px 3px 1px;
border: solid 2px deeppink;
filter: invert(1);
}



.popover-avatar-amina {
width: 37px;
height: 37px;
border-radius: 50%;
object-fit: cover;
margin: 0px 1px 3px 1px;
border: solid 2px #00de53;
}

.popover-city-icon {
height: 10px;
margin: 0px 1px 3px 1px;
filter: invert(1);
}

.popover-city {
font-size: 0.8em;
color: #f8f8f8;
}


/* end popover styles */




.views-white {
font-size: 1rem;
color: white;
}



/* top nav  */
.notifications-tn-container {
width: 70px !important;
display: block !important;
position: relative !important;
}


.tn-notification-count {
position: absolute;
top: 12px;
left: 22px;
background-color: #00df53;
color: #111;
font-size: 0.6em;
font-weight: bold;
padding: 2px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
min-width: 14px;
width: auto;
height: 14px;
z-index: 10;
}

.tn-new-not-icon {
position: absolute !important;
left: 29% !important;
width: 8px !important;
padding: 1px !important;
top: 15% !important;
object-fit: cover !important;
}

.top-nav-bell-icon {
height: 18px !important;
filter: invert(1);
}

.top-nav-bell-icon:hover {
height: 18px !important;
filter: invert(78%) sepia(92%) saturate(7500%) hue-rotate(83deg) brightness(101%) contrast(102%);
transition: 0.5s;
}

/* end top nav  */



/* bottom nav  */
.bottom-nav-icon-14 {
width: 14px;
filter: invert(1);
}


.bottom-nav-icon-15 {
width: 15px;
filter: invert(1);
}

.bottom-nav-icon-16 {
width: 16px;
filter: invert(1);
}

.bn-new-not-icon {
width: 5px;
}


.bottom-nav-label {
font-family: Cabin, sans-serif; 
font-size: 0.6em; 
color: grey;
}


.notifications-bn-container {
display: block !important; 
position: relative !important;
}


.bn-notification-count {
position: absolute;
top: -2px;
left: 12px;
background-color: #00df53;
color: #111;
font-size: 0.55em;
font-weight: bold;
padding: 1.5px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
min-width: 14px;
width: auto;
height: 14px;
z-index: 10;
}


.bottom-nav-flex-cont {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 50px;
padding-right: 10px !important;
padding-left: 10px !important;
}

.bottom-nav-figure {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 40px;
}
/* end bottom nav  */



/* notification page  */

.navigation-block {
text-align: center; 
font-family: Cabin, sans-serif;
margin-bottom: 100px;
}

.pagination>li>a, .pagination>li>span {
color: #ddd !important;
background-color: transparent !important;
border: 1px solid #ddd;
}

.notification-container {
font-family: Cabin, sans-serif;
padding-right: 0px !important;
padding-left: 0px !important;
}

.notification-container h2, .notification-container h4 {
color: #fafafa;
}

.notification-panel {
background-color: #111; 
width: 100%; 
min-height: 500px; 
border-radius: 3px; 
padding: 20px 5px 20px 5px;
}


.notification-card {
padding: 8px 5px 5px 5px; 
margin-bottom: 7px; 
border-radius: 3px;
color:  slategrey;
font-size: 0.8em;
background-color: #1f2229;
}

.notification-date {
font-size: 0.7em; 
color: #797979;
}

a.mark-as-read, a.mark-as-read:hover {
color: #ccc !important; 
font-size: 0.8em;
text-decoration: none !important;
}


a.login-mark-as-read {
color: #666;
font-size: 0.8em;
}



.not-profile-avatar {
width: 15px;
height: 15px;
border-radius: 50%;
object-fit: cover;
vertical-align: text-top;
}


.not-profile-placeholder {
width: 25px;
height: 25px;
border-radius: 50%;
object-fit: cover;
filter: invert(1);
border: 1px solid deeppink;
}


.notification-right-content {
width: 90%;
margin: auto;
padding-top: 10%;
}


.black-link, .black-link:hover {
color: #fafafa !important;
font-weight: 400;

}
/* end notification page  */


/* containers */
.custom-container {
padding-right: 0px !important;
padding-left: 0px !important;
}


/* end containers */





.justified-text {
text-align: justify; 
text-justify: inter-word;
}


/* navigation */
.top-nav-sm-screen {
display:-webkit-box !important;
display:-webkit-flex !important;
display:-ms-flexbox !important;
display:flex !important;

-webkit-box-orient: horizontal !important;   
-webkit-box-direction: normal !important;   
-webkit-flex-direction: row !important;   
-ms-flex-direction: row !important;   
flex-direction: row !important;

-webkit-box-align: flex-end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: flex-end !important;
align-items: flex-end !important; 

-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}


.nav-name-logo {
font-family: Cabin; 
color: white !important;
}

.top-nav-logo-cont {
padding-right: 3px;
margin: 0px 5px 2px 5px;
}

.nav-logo {
height: 20px;
display: inline-block !important; 
margin-bottom: 2px;
}

.nav-logo-home {
display: inline-block !important; 
margin-bottom: 2px;
}

.nav-name-logo-sm {
color: #fff !important;
font-size: 1em !important; 
font-family: 'Open Sans' !important; 
text-decoration: none !important; 
font-weight:500 !important; 
margin-top: 10px !important;
margin-left: 10px !important;
font-weight: bold !important;
letter-spacing: -0.3px;
}

.nav-profile-photo {
width: 25px;
height: 25px;
border-radius: 50%;
object-fit: cover;
}

.nav-profile-photo-placeholder {
width: 25px;
height: 25px;
border-radius: 50%;
object-fit: cover;
filter: invert(1);
border: 2px solid deeppink;
}

.top-nav-avatar-cont {
padding-right: 3px;
margin: 0px 5px 2px 5px;
}

.nav-profile-placeholder {
width: 24px;
height: 24px;
border-radius: 50%;
object-fit: cover;
filter: invert(1);
border: 2px solid deeppink;
}


.nav-left-link {
margin: 0 15px 0 15px;
}

.small-screen-avatar {
margin: 12px 5px 0px 13px;
}

.login-btn-sm-2  {
font-family: Cabin, sans-serif;
width: auto !important;
height: auto !important;
background-color:transparent !important;
color: #1e1e1e !important;
text-align: center !important;
padding: 5px 10px 6px 10px !important;
text-decoration: none !important;
border: 1px solid #1e1e1e !important;
border-radius: 3px !important;
margin: 10px 5px  0px 10px !important;
font-size: 0.9em !important;

}


.login-btn-sm, .login-btn-sm:hover {
margin: 10px 10px 0px 3px !important;
width: auto !important;
height: auto !important;
background-color:transparent !important;
color: #fafafa !important;
text-align: center !important;
padding: 5px 15px 6px 15px !important;
text-decoration: none !important;
border: 1px solid #fafafa !important;
border-radius: 20px !important;
font-size: 0.9em !important;
font-family: Cabin, sans-serif !important;

}

.signup-btn-sm, .signup-btn-sm:hover {
margin: 10px 10px 0px 3px !important;
width: auto !important;
height: auto !important;
background-color:#00de53 !important;
color: white !important;
text-align: center !important;
padding-top: 5px !important;
padding-bottom: 6px !important;
text-decoration: none !important;
border: 1px solid #00de53 !important;
border-radius: 20px !important;
font-size: 0.9em !important;
font-family: Cabin !important;

}


a.drawer-menu-item {
font-family: 'Open Sans', sans-serif !important;
font-size: 1.7rem !important;
display: block;
padding: 0.75rem;
text-decoration: none;
color: white !important;
}


.drawer-menu-item-cont {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.drawer-icon {
width: 18px; 
margin-right: 6px
}


.drawer-padding {
padding-left: 15px; 
padding-bottom: 30px;
}

.drawer-padding-inner {
padding-top: 30px; 
padding-bottom: 5px;
}


.drawer-logo-cont {
margin-bottom: 20px;
}

.drawer-divide {
margin-top: 15px;
margin-bottom: 15px;
width: 90%;
height: 1px;
background-color: #999;
opacity: 0.1;
}

/* end navigation */



.links-container {
display: flex;
flex-direction: row;
align-items:center;
justify-content: space-between !important;
text-align: center;
width: 100% !important;
}


.figcaption-margin {
margin-top: 2px;
}


.bottom-nav-text, a.bottom-nav-text {
color: #404040 !important;
font-family: Cabin;
text-decoration: none;
font-size: 0.9em;
}

/* landing page */
.tc-green {
color: #00de53;
}

.sec-3-right {
padding-left: 20px;
}


.right-btn {
position: absolute;
visibility: hidden;
z-index: 10;
right: 40px;

}

.left-btn {
position: absolute;
visibility: hidden;
z-index: 10;
left: 40px;
}


.feed-right-btn {
position: absolute;
visibility: hidden;
z-index: 10;
right: 40px;
}

.feed-left-btn {
position: absolute;
visibility: hidden;
z-index: 10;
left: 40px;
}



.white-right-btn {
position: absolute;
display: inline !important;
z-index: 10;
top: 93px;
right: 0%;
}

.white-left-btn {
position: absolute;
display: inline !important;
z-index: 10;
top: 93px;
left: 0%;
}


.showcase-container {
position: relative;

display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

align-items: center;
}

.showcase-heading {
font-family: Cabin; 
font-size: 2.5rem;
line-height: 2.1rem;
color: #fafafa;

-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;

padding-left:8px;
border-left-style: solid;
border-left-width: 8px;
border-left-color: deeppink;
}


.showcase-subheading {
color: #999;
font-size: 85%;
font-family: Cabin, sans-serif;
font-size: 1.1em;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
padding-left: 15px;
margin-bottom: 20px;
}

.showcase-flex-heading {
color: #fafafa;

display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: flex-start;

}

.showcase-see-all, .showcase-see-all:hover {
color: #999 !important;
padding: 4px 8px;
border: 1px solid #999;
border-radius: 10px;
font-size: 80%;
margin-right: 3px;
text-align: center;
}


.panel-custom-heading {
font-family: Cabin; 
font-size: 1.8rem;
line-height: 1.8rem;
color: #303030;

margin-bottom: 15px;

-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;

padding-left:8px;
border-left-style: solid;
border-left-width:6px;
border-left-color: #00de53;
}

.feed-showcase-container {
margin-bottom: 5px !important;
}

/* .feed-panel-cont {
display: initial;
background-color: #111;
border: 1px solid #111;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
} */

.feed-info-cont {
position: fixed;
}

.feed-info-cont .panel-default {
border-color: #444 !important;
}

.main-text {
font-family: Cabin, sans-serif;
font-weight: bolder;
text-align: center;
}


.sec-text {
font-family: Roboto, sans-serif;
text-align: center;
}



.store-links-cont {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

-webkit-box-pack: justify;
-webkit-justify-content: space-around;
-ms-flex-pack: justify;
justify-content: space-around;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

align-content: center; 
margin-top: 6%;
margin-right: 34%;
margin-left: 34%;
}

.store-link {
height: 50px;
margin-right: 10px;
margin-left: 10px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}

.down-arrow-cont {
margin-top: 10%;
}

.down-arrow {
width: 25px;
}

.about-item {
font-family: Cabin;
margin-top: 5%;
margin-bottom: 8%;
display: flex;
justify-content: center;
flex-direction: column;
}

.about-image {
height: 60px;
display: block;
}

.about-item-header {
color: #ccc;
}

.about-item-text {
color: grey;
font-weight: 100;
}





.sec-3-cont {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

align-content: center; 
}



.sec-3-right-text {
font-size: 1.2em;
margin-bottom: -5px;
font-family: Cabin;
color: #586069;
font-weight: 100 !important;
}

.sec-3-right-heading {
font-size: 3em;
margin-top: -9px;
font-family: 'Cabin';
line-height: normal;
}



.sec-4-cont, .sec-5-cont, .sec-6-cont {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;


-webkit-box-pack: justify;
-webkit-justify-content: space-around;
-ms-flex-pack: justify;
justify-content: space-around;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.app-screen {
max-width: 350px;
}


.sec-4-right, .sec-5-right, .sec-6-right {
width: 400px;
padding-right: 2%;
padding-left: 2%;
margin-bottom: 10%;
}





.sessions-wrapper-flexbox {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

flex: auto;
overflow-x: auto;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

background-color: transparent !important;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none;  
scroll-behavior: smooth;
}

.session-scroll-item {
font-family: Open Sans;
flex: 0 0 auto;

width:  280px;
height: 150px;
margin: 0 5px 0 5px;
border-radius: 3px !important;

object-fit: cover;
overflow: hidden;

background-size: 100%; 
background-position: center center; 
background-repeat: no-repeat;
-webkit-background-size: cover; 
background-size: cover;
}


.answer-scroll-item {
font-family: Open Sans;
flex: 0 0 auto;

width:  280px;
height: 170px;
margin: 0 5px 0 5px;
border-radius: 3px !important;

object-fit: cover;
overflow: hidden;
}



.session-scroll-item-container {
overflow: hidden; 
height: 100%; 
z-index: 2;

display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
}


.session-scroll-item-content {
/*align-self: flex-end;*/
text-decoration: none;
width: 100%;
}


.session-card-landing {
padding: 10px 12px 10px 12px;
position: relative;
height: 150px;

border:  1px solid #333;
background-color: #111;
border-radius: 4px;

color: #fafafa;

display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch; 
align-content: center;
}


.answer-card-landing {
padding: 15px 12px 10px 12px;
position: relative;
height: 170px;

border:  1px solid #333;
background-color: #1111;
border-radius: 4px;
color: #fafafa;
}

.three-lines {
overflow:hidden;
line-height: 2rem;
max-height: 7.7rem;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
overflow: hidden !important;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
}




.insight-scroll-item {
font-family: 'Open Sans', sans-serif;
flex: 0 0 auto;
width: 400px;
height: 260px;
margin: 0 5px 0 5px;
border-radius: 3px !important;
object-fit: cover;
overflow: hidden;
}

.insight-card-landing {
position: relative;
height: 240px;
border: 1px solid #333; 
border-radius: 3px; 
margin: 12px 0px 12px 0px;
display: flex;
flex-direction: row;
align-items: center;	
background-color: transparent;	
font-family: Cabin, sans-serif;
}

.insight-card-image {
width: 150px;
height: 238px;
object-fit: cover;   
}

.insight-card-image-cont {
position: relative;
}

.insight-card-text-content {
padding: 5px 10px;
overflow-y: hidden;
}


.insight-card-title-cont {
margin-bottom: 3px;
margin-top: 5px;
}

.insight-card-title {
font-weight: normal;
font-size: 1em;
}

.views-and-save {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

align-content: center;
}


.views-container {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

-webkit-box-pack: justify;
-webkit-justify-content: space-around;
-ms-flex-pack: justify;
justify-content: space-around;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

align-content: center;
width: 45px;
margin-top: 10px;
}


.sessions-wrapper-flexbox::-webkit-scrollbar {
display: none;
}


.session-home-date {
font-size: 1rem;
}


.topic-scroll-item {
font-family: Open Sans;
flex: 0 0 auto;

width:  280px;
height: 200px;
margin: 0 5px 0 5px;
border-radius: 3px !important;

object-fit: cover;
overflow: hidden;
}	

.topic-card-landing {
background-color: #2A363B;
margin-bottom: 7px; 
vertical-align: middle;
font-family: Cabin;
color: white;

background-size: 100%; 
background-position: center center; 
background-repeat: no-repeat;
-webkit-background-size: cover; 
background-size: cover;

height: 200px;
}


.answer-landing-link, .answer-landing-link:hover {
font-family: Cabin, sans-serif;
color: #fafafa;
}

.answer-landing-avatar {
width: 30px; 
height: 30px; 
border-radius: 50%; 
object-fit: cover;
}


.answer-landing-avatar-placeholder {
width: 30px; 
height: 30px; 
border-radius: 50%; 
object-fit: cover;
filter: invert(1);
border: 1px solid deeppink;
}

.answer-landing-owner {
font-family: Cabin, sans-serif;
color: #fafafa;
font-size: 1.1em;
}

.answer-landing-occupation {
font-family: Cabin, sans-serif;
color: #717171;
font-size: 0.9em;
}

.landing-register-block {
font-family: Cabin, sans-serif;  
margin-bottom: 100px;
}


.learn-contribute-share {
margin-bottom: 50px;
}

.home-new-content-flex {
margin-top: 80px;
margin-bottom: 100px;
}

.home-new-content-flex {
align-items: center;
}

.home-sec-big-text {
font-family: Cabin;
margin: 2% auto 0px auto; 
}

.new-content-sec {  
min-height: 1000px;
height: auto;
background-color: #031136; 
color: white;
padding-top: 7%;
padding-bottom: 4%;
}

.check-amina-btn, .check-amina-btn:hover {
display: block;
width: 200px;
font-size: 1.4em;
color: #fff;
background-color: #00de53;
border: 1px solid #00de53;
border-radius: 30px;
padding: 15px 15px 15px 15px;
text-align: center;
text-decoration: none !important;
margin: 20px 0px 0px 0px;
font-family: Open Sans, sans-serif;
}

.check-tip-btn, .check-tip-btn:hover {
display: block;
width: 200px;
font-size: 1.4em;
color: #fafafa;
background-color: #00de53;
border: 1px solid #00de53;
border-radius: 30px;
padding: 15px 15px 15px 15px;
text-align: center;
text-decoration: none !important;
margin: 20px 0px 0px 0px;
font-family: Open Sans, sans-serif;
}




.home-sec-earn-text {
font-family: Open Sans, sans-serif;
}


.home-trending-column {
flex: 0 0 auto;
margin-right: 7px;
}


.home-trending-item-cont, .home-trending-item-cont:hover {
border-radius: 3px;
margin: 12px 0px 12px 0px;
display: flex;
flex-direction: row;
align-items: center;
font-family: Cabin, sans-serif;
min-height: 100px;
background-color: #1f2229;
}


.home-trending-image-cont {
margin-right: 15px;
position: relative;
}

.home-trending-image {
width: 100px;
height: 100px;
object-fit: cover;
}


.home-trending-title {
font-size: 0.9em; 
color: #fafafa;
}

.home-trending-owner {
font-size: 0.8em; 
color: grey;
}

.home-trending-text {
font-size: 0.9em;
color: #fafafa;
}


.home-insights-intro {
margin-bottom: 50px;
}

.home-insights-intro-main-text {
font-family: Cabin, sans-serif; 
font-weight: 100 !important; 
text-align: center; 
color: #00de53;
font-size: 500%;
}


.home-insights-intro-text {
font-family: Cabin, sans-serif; 
color: #fff; 
font-size: 2em;
}

.home-new-content-col {
margin: 40px 0px 40px 0px;
display: flex;
justify-content: flex-start;
}


.home-new-content-cont {
color: white;
}

.home-about-insights-icon {
width: 40px;
display: block;
}

.home-about-insights-heading {
font-size: 3em; 
font-family: Cabin, sans-serif;
}

.home-about-insights-text {
font-size: 1.3em; 
font-family: Open Sans, sans-serif;
}

.home-monetize-screenshot {
box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.7);
border-radius: 15px;
}


.home-square-screenshot {
box-shadow:0px 20px 70px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 20px 70px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 20px 70px rgba(0, 0, 0, 0.4);
border-radius: 15px;
}

.home-no-shadow-screenshot {
width: 300px;
}

.home-sessions-intro {
margin-bottom: 150px;
}


.home-sessions-intro-main-text {
font-family: Cabin, sans-serif; 
font-weight: 100 !important; 
text-align: center; 
color: #00de53;
font-size: 500%;
}

.home-sessions-intro-text {
font-family: Cabin, sans-serif; 
color: #ccc; 
font-size: 2em;
}

.home-sessions-screenshot-and-text {
margin-bottom: 100px;
}

.home-insights-screenshot {
width: 80%;
}

.home-audio-intro-screenshot {
width: 100%; 
border-radius: 15px;
display: block;
box-shadow: 0px 20px 70px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 20px 70px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 20px 70px rgba(0, 0, 0, 0.4);
}
/* end landing page */



/* auth pages */


.auth-page-logo {
width: 120px;
}

.follow-topics-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between; 
margin: auto; 
overflow-y: auto; 
-webkit-overflow-scrolling: touch; 
scroll-behavior: smooth; 
background-color: #111;
color: white;
}




.follow-topic-item {
background-color: #2A363B;
margin-bottom: 7px; 
vertical-align: middle;
font-family: Cabin;

background-size: 100%; 
background-position: center center; 
background-repeat: no-repeat;
-webkit-background-size: cover; 
background-size: cover;
}



.follow-topic-overlay {
background: rgba(0,0,0, 0.52);
overflow: hidden; 
height: 100%; 
z-index: 2;
padding: 10px 10px 20px 10px; 
text-align: left; 
display: flex; 
flex-direction: column; 
justify-content: space-between;
}


.follow-topic-text, .follow-topic-text:hover {
font-size: 1.9rem; 
letter-spacing: 0.5px;
color: white;
}


.follow-btn, .follow-btn:hover {
color: #fff;
background-color: transparent;
border: 1px solid white;
border-radius: 20px;
padding: 7px 12px 7px 12px;
font-size: 1.3rem; 
text-align: right;
text-decoration: none !important;
}


.following-btn, .following-btn:hover {
color: #fff;
background-color: #00de53;
border: 1px solid #00de53;;
border-radius: 20px;
padding: 7px 12px 7px 12px;
font-size: 1.3rem; 
text-align: right;
text-decoration: none !important;
}

a.follow-interest, a.follow-interest:hover {
text-decoration: none !important;
}


.reach-out-btn {
font-size: 1.2em;
color: #fff;
background-color: transparent;
border: 1px solid white;
border-radius: 20px;
padding: 7px 12px 7px 12px;
text-decoration: none !important;
margin: 50px auto 20px auto;
display: block;
text-align: center;
width: 200px;
}

.reach-out-btn:hover {
font-size: 1.2em;
color: #fff;
background-color: #00df53;
border: 1px solid #00df53;
border-radius: 20px;
padding: 7px 12px 7px 12px;
text-decoration: none !important;
margin: 50px auto 20px auto;
display: block;
text-align: center;
width: 200px;
transition: 0.9s;
}




.join-community-btn {
font-size: 1.2em;
color: #fff;
background-color: transparent;
border: 1px solid white;
border-radius: 25px;
padding: 10px 12px 10px 12px;
text-decoration: none !important;
margin: 10px auto 10px auto;
display: block;
text-align: center;
width: 120px;
}

.join-community-btn:hover {
font-size: 1.2em;
color: #fff;
background-color: #00df53;
border: 1px solid #00df53;
border-radius: 25px;
padding: 10px 12px 10px 12px;
text-decoration: none !important;
margin: 10px auto 10px auto;
display: block;
text-align: center;
width: 120px;
transition: 0.7s;
}




.other-links-container {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;


-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;


-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

color: grey; 
margin-top: 10%; 
border-top: 1px solid #ccc; 
padding-top: 10px;
}


a.other-links, a.other-links:hover {
font-family: Cabin, sans-serif;
color: grey !important;
text-decoration: none !important;

}


.field-icon {
float: right;
margin-right: 5px;
margin-top: -25px;
position: relative;
z-index: 2;
}

.signup-bg-right > div.help-block {
display: none !important;
}



.login-bg-left {
background-image: url(../twocents_app/1.png);
}

.signup-bg-left {
background-image: url(../twocents_app/2.png);
}


.pr-bg-left {
background-image: url(../twocents_app/3.png);
}


.ft-bg-left {
background-image: url(../twocents_app/african-mosaic7.jpg);
}


/* .ac-bg-left {
background-image: url(../twocents_app/8.png);
} */


.password-reset-bg-left {
background-image: url(../twocents_app/landingCollage4.jpg);

}


.welcome-user-bg-left {
background-image: url(../twocents_app/landingCollage4.jpg);

}

/*login page */

input#id_username.form-control, input#id_password.form-control, input#id_email.form-control, 
input#id_password1.form-control, input#id_password2.form-control, input#id_last_name.form-control, 
input#id_first_name.form-control, input#id_city.form-control, input#id_company.form-control,
input#id_occupation.form-control, input#id_website.form-control, 
input#id_education.form-control, input#id_old_password.form-control, input#id_new_password1.form-control, 
input#id_new_password2.form-control, input#id_name.form-control {

border-top-width: 0px !important;
border-right-width: 0px !important;
border-left-width: 0px !important;
box-shadow: none !important;
border-radius: 0px !important;
padding-left: 0px !important;
font-size: 0.9em !important;
letter-spacing: 0.3px !important; 
background-color: transparent !important;
color: #fafafa !important;
}



#contact-form textarea#id_message {
font-size: 0.9em !important;
letter-spacing: 0.3px !important; 
background-color: transparent !important;
box-shadow: none !important;
border-radius: 2px !important;
color: white;

}

label.control-label {
display: none;
}


.login-page-heading {
font-size: 1.7em; 
font-family: Open Sans;
}

.login-page-heading-2 {
font-size: 1.3em; 
font-family: Open Sans;
margin-top: 20px;
}

.login-learn-more-btn, .login-learn-more-btn:hover {
display: block;
width: 100%;
height: auto;
background-color: transparent;
color: #00bc60;
font-family: Cabin;
font-size: 12px;
text-align: center;
padding: 10px 25px 10px 25px;
border-radius: 30px;
text-decoration: none;
border: 2px solid #00bc60;
margin: 25px 0px 10px 0px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: bold;
letter-spacing: 1px;
}

.login-page-logo {
width: 30px;
}


.account-created-heading {
font-family: Cabin; 
color: white;
}


/* buttons and links */
a.action-button, a.action-button:hover, a.login-required, a.login-required:hover {
text-decoration: none;
}


.custom-facebook-button  {
background-color: #3b5998 !important;
color: white !important;
}

.custom-twitter-button {
background-color: #1da1f2 !important;
color: white !important;
}


.custom-linkedin-button {
background-color: #0072b1 !important;
color: white !important;
}

.custom-whatsapp-button {
background-color: #25D366 !important;
color: white !important;
}

.custom-copy-button {
background-color: #111111 !important;
color: #ffffff !important;
border: 1.5px #fff solid;
}


.custom-share-button, .custom-share-button:hover {
display: block !important;
height: 40px !important;
width: 100% !important;
border-radius: 3px !important;
padding: 10px 0px 5px 0px;
text-align: center;
font-family: 'Cabin', sans-serif;
margin: 15px auto 0px auto;
text-decoration: none !important;
}


img.dropdown-toggle {
width: 22px;
margin-right: 5px;
padding-right: 2px;
filter: invert(1);
}



button.dropdown,  button.dropdown:hover{
border-style: none !important;
border-color: transparent !important;
border-width: 0px !important;
background-color: transparent !important;
outline: none !important;
}


.white-btn, .white-btn:hover {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: transparent !important;
color: white !important;
font-family: Cabin !important;
font-size: 15px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;

border: 1px solid white;

}

a.disabled-btn {
pointer-events: none;


display: block !important;
width: 150px !important;
height: auto !important;
background-color: grey !important;
border-radius: 20px !important;
color: white !important;
font-family: Cabin, sans-serif !important;
font-size: 1em !important;
text-align: center !important;
padding: 10px 0px 10px 0px;
border-radius: 3px !important;
text-decoration: none !important;
margin-right: auto;
margin-left: auto;
border: 1px solid grey;
}


button.disabled-btn {
pointer-events: none;
display: block !important;
width: 100% !important;
height: auto !important;
background-color: grey !important;
color: white !important;
font-family: Cabin !important;
font-size: 15px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1px solid grey;
}


.edit-i-disabled-btn {
pointer-events: none;
background-color: grey !important;
border-radius: 15px !important;
padding: 4px 8px 4px 8px !important;
color: white !important;
font-size: smaller !important;
text-decoration: none !important;
text-align: right !important;
margin-left: 7px !important;
display: inline-block !important;
font-family: Cabin !important;
}

.edit-i-green-btn {
background-color: #00de53 !important;
border: 1px solid #00de53 !important;
border-radius: 15px !important;
padding: 4px 8px 4px 8px !important;
color: white !important;
font-size: smaller !important;
text-decoration: none !important;
text-align: right !important;
margin-left: 7px !important;
display: inline-block !important;
font-family: Cabin !important;
}


.blue-btn, .blue-btn:hover {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: #007BFF !important;
color: white !important;
font-family: Cabin !important;
font-size: 15px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1px solid #007BFF !important;
}


.deep-grey-btn, .deep-grey-btn:hover {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: #1f2229 !important;
color: white !important;
font-family: Cabin !important;
font-size: 15px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1px solid #1f2229 !important;
}


.green-btn, .green-btn:hover {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: #00de53 !important;
color: white !important;
font-family: Cabin !important;
font-size: 15px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
}

.home-green-btn, .home-green-btn:hover {
display: block;
width: 100px !important;
height: auto !important;
background-color: #00de53 !important;
color: white !important;
text-align: center !important;
padding-top: 5px !important;
padding-bottom: 6px !important;
text-decoration: none !important;
border: 1px solid #00de53 !important;
border-radius: 20px !important;
font-size: 1em !important;
font-family: Cabin !important;
}


.blue-link, .blue-link:hover{
color: #009fe3 !important;
}



.block-btn {
display: block;
width: 100%;
height: auto;
font-family: Cabin;
font-size: 1em;
text-align: center;
padding: 10px 7px 10px 7px;
border-radius: 3px;
text-decoration: none;
margin: 0px 12px 0px 12px;
}


.block-btn-nm {
display: block;
width: 100%;
height: auto;
font-family: Cabin;
font-size: 1em;
text-align: center;
padding: 10px 7px 10px 7px;
border-radius: 3px;
text-decoration: none;
}


.inline-btn {
display: inline-block !important;
width: 45%;
height: auto;
font-family: Cabin;
font-size: 1em;
text-align: center;
padding: 10px 7px 10px 7px;
border-radius: 3px;
text-decoration: none;
margin: 3px 3px 3px 3px;
}

.sign-in, .sign-in:hover {
color: #FFFFFF !important;
background-color: transparent; 
border-style: solid;
border-width: 1px;
border-color: white !important;
text-decoration: none !important;
}

.sign-up, .sign-up:hover {
color: #FFFFFF !important;
background-color: #00de53; 
border-style: solid;
border-width: 1px;
border-color: #00de53;
}

.feed-l, .feed-l:hover {
color: #fff !important;
background-color: #111; 
border-style: solid;
border-width: 1px;
border-color: #111;
}



a.join-now-btn {
display: block;
width: auto;
height: auto;
font-family: Cabin;
font-size: 1.2em;
text-align: center;
padding: 10px 12px 10px 12px;
border-radius: 3px;
text-decoration: none;
margin: 50px 0px 50px 0px;
color: #ccc;
background-color: transparent; 
border-style: solid;
border-width: 1px;
border-color: #ccc;
}

a.join-now-btn:hover {
display: block;
width: auto;
height: auto;
font-family: Cabin;
font-size: 1.2em;
text-align: center;
padding: 10px 12px 10px 12px;
border-radius: 3px;
text-decoration: none;
margin: 50px 0px 50px 0px;
color: white;
background-color: #212121; 
border-style: solid;
border-width: 1px;
border-color: #212121;
transition: 0.9s;
}


a.owner-name-white, a.owner-name-white:hover {
color: white !important;
text-decoration: none !important;
font-family: Cabin, sans-serif;


}

a.owner-details-white, a.owner-details-white:hover {
color: white !important;
text-decoration: none !important;
font-size: 1rem;
display: flex;
}


.inverted-button-black-white {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: transparent !important;
color: white !important;
font-family: Cabin !important;
font-size: 15px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1px solid white;
}



.filters-fab, .filters-fab:hover {
background-color: #1f2229 !important;;
color: deeppink !important;
border: none !important;
border-radius: 50% !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) !important;
cursor: pointer !important;
transition: all 0.1s ease-in-out !important;
display: flex;
align-items: center;
justify-content: center;
width: 40px !important;
height: 40px !important;
}


.post-fab, .post-fab:hover {
background-color: #1f2229 !important;;
color: #00df53 !important;
border: none !important;
border-radius: 50% !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) !important;
cursor: pointer !important;
font-size: 2.2em !important;
line-height: 0.7em !important;
transition: all 0.1s ease-in-out !important;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}


#back-to-top-fab {
background-color: #1f2229;
color: #ccc;
border: none;
border-radius: 50%;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
cursor: pointer;
font-size: 1.2em;
transition: all 0.1s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
width: 40px;
height: 40px;
}


.fab-buttons-fixed-cont {
position: fixed;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
z-index: 100;
}


@media (min-width: 1281px) {
.fab-buttons-fixed-cont {
bottom: 10%;
right: 1%;
min-height: 170px;
height: 170px;
}
}


@media (min-width: 1025px) and (max-width: 1280px) {
.fab-buttons-fixed-cont {
bottom: 10%;
right: 1%;
min-height: 170px;
height: 170px;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.fab-buttons-fixed-cont {
bottom: 20%;
right: 2%;
min-height: 200px;
height: 200px;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.fab-buttons-fixed-cont {
bottom: 20%;
right: 2%;
min-height: 200px;
height: 200px;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.fab-buttons-fixed-cont {
bottom: 10%;
right: 2%;
min-height: 20%;
height: 20%;
}
}

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
.fab-buttons-fixed-cont {
bottom: 10%;
right: 2%;
min-height: 130px;
height: 130px;
}
}


@media (min-width: 320px) and (max-width: 480px) {
.fab-buttons-fixed-cont {
bottom: 10%;
right: 2%;
min-height: 20%;
height: 20%;
}
}

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
.fab-buttons-fixed-cont {
bottom: 10%;
right: 2%;
min-height: 130px;
height: 130px;
}
}
    
/* end buttons and links */




/* account created page */

.account-created-page-container {
position: absolute;
background-color: #101010 !important;
color: white;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;  
-o-background-size: cover;

min-width: 100%;
width: 100%;
min-height: 100%;
height: auto;

padding-bottom: 100px;
padding-top: 30px;
}



.tagline-large-caps {
font-size: 4rem; 
text-align: left;
font-family: Cabin, sans-serif;
}


.ac-welcome-block {
text-align: center;
margin-bottom: 20%;
font-family: Cabin, sans-serif;
color: white;
}

.ac-message-block {
text-align: center;
margin-bottom: 20%;
font-family: Cabin, sans-serif;
}

.ac-next-block {
margin-right: auto;
margin-left: auto;
margin-top: 30px; 
width: 300px; 
margin-bottom: 20%;
font-family: Cabin, sans-serif;
}

.auth-page-small-screen-image {
height: 200px;
margin: 25px auto 25px auto;
}

.auth-page-small-screen-image-cont {
margin: 25px 0px 25px 0px;
}

.agreement-checkbox-flex {
display: flex; 
justify-content: space-between;
color: #ccc;
}

.already-have-account {
color: #ccc;
}


.onboarding-form #referral-feedback {
margin-top: 10px;
font-size: 1rem;
transition: all 0.3s ease-in-out;
}

.onboarding-form  .referral-success {
color: #fafafa;
animation: pop 0.5s ease;
}

.onboarding-form  .referrer-name {
color: #00df53;
}

.onboarding-form  .referral-fail {
color: red;
animation: shake 0.4s ease;
}


.onboarding-form  .referral-searching {
color: #555;
font-style: italic;
display: flex;
align-items: center;
gap: 6px;
animation: fade 0.3s ease;
}

.onboarding-form .spinner {
width: 10px;
height: 10px;
border: 2px solid #ccc;
border-top: 2px solid #333;
border-radius: 50%;
animation: spin 0.6s linear infinite;
}

.onboarding-form .emoji-bounce {
display: inline-block;
animation: bounce 1s ease infinite;
}

/* Animations */
@keyframes pop {
0% { transform: scale(0.8); opacity: 0; }
100% { transform: scale(1); opacity: 1; }
}

@keyframes shake {
0%, 100% { transform: translateX(0); }
25%, 75% { transform: translateX(-4px); }
50% { transform: translateX(4px); }
}

@keyframes fade {
from { opacity: 0; }
to { opacity: 1; }
}

@keyframes spin {
to { transform: rotate(360deg); }
}

@keyframes bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-5px); }
}
/* end auth pages*/



/* about page */

.about-page-container {
background-color: #101010 !important;
padding-bottom: 100px !important;
color: white;
margin-top: -10px;
}


.about-jumbotron {
/* background-image: url(../twocents_app/about.png); */
background-image: url(../twocents_app/about-bg.jpg);
background-color: #101010;
background-blend-mode: overlay;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
min-height: 1200px;
color: white;
}

.about-heading-1, .about-heading {
font-family: Cabin;
}



.about-top-text {
font-family: Cabin, sans-serif;
line-height: 1.4em !important; 
text-align: center; 
text-justify: inter-word;
}

.about-top-links-cont {
margin-top: 8%;
}

.about-arrow-cont {
margin-top: 4%;
}

.about-main-content-cont {
font-family: Cabin, sans-serif;
margin-top: 30px;
}

.about-section {
margin-bottom: 50px;
}

.about-slider-section {
margin-top: 40px !important; 
margin-bottom: 50px;
}

/* end about page */





/* contact page */

.contact-page-container {
background-color: #101010 !important;
padding-bottom: 100px !important;
color: white;
}

.contact-jumbotron-header {
font-weight: 900;
}

.contact-jumbotron {
background-image: url(../twocents_app/contact-bg.jpg);
background-color: #1e1e1e;
background-blend-mode: overlay;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
min-height: 850px;
height: auto;
color: white;
}

.contact-form  input#id_email, .contact-form  input#id_name{
color: white !important;
}


.contact-form-heading {
font-family: Cabin, sans-serif; 
text-align: left;
}

.contact-form-cont {
margin-bottom: 70px;
}

.contact-item-cont {
margin-bottom: 30px;
}

.contact-item-heading {
font-family: Cabin, sans-serif;
color: #ccc;
}


.contact-content-cont {
margin-top: 50px;
font-family: Cabin, sans-serif;
}
/* end about page */




/* legal page */

.legal-page-container {
position: absolute;
background-color: #101010 !important;
color: white;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;  
-o-background-size: cover;
font-family: Cabin, sans-serif;

min-width: 100%;
width: 100%;
min-height: 100%;
height: auto;

padding-bottom: 100px;
padding-top: 30px;
}

.legal-item-heading {
display: inline-block;
margin-top: 40px;
margin-bottom: 10px;

text-decoration: underline;
text-decoration-color: #00de53;
text-decoration-thickness: 3px;
}

/* end about page */




/* faqs page */

.faqs-page-container {
font-family: Cabin, sans-serif;
position: absolute;
background-color: #101010 !important;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;  
-o-background-size: cover;

min-width: 100%;
width: 100%;
min-height: 100%;
height: auto;

padding-bottom: 100px;
padding-top: 30px;
}


.faq-page-header {
font-family: Cabin, sans-serif;
color: white;
}

.faq-text {
font-family: Cabin, sans-serif;
}


/* custom panel */

.custom-panel {
background: transparent !important;
}

.custom-panel-heading {
background: transparent !important;
color: white !important;
}

.custom-panel-body {
color: white !important;
}


/* end custom panel */
/* end faqs page */




/* sponsor page */

.sponsor-page-container {
position: absolute;
background-color: #101010 !important;
color: white;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;  
-o-background-size: cover;

min-width: 100%;
width: 100%;
min-height: 100%;
height: auto;

padding-bottom: 100px;
padding-top: 30px;
font-family: Cabin, sans-serif;

}

.sponsor-page-heading {

}

/* end faqs page */



/* interests page */
.interest-page-container {
min-height: 700px;
padding-bottom: 100px
}

.interest-card {
font-family: Cabin;

height:200px;
margin-bottom: 20px;

font-size: 1.2em;
text-align: center;
color: white;
border-radius: 3px;

object-fit: cover;
overflow: hidden;
background-size: 100%; 
background-position: center center; 
background-repeat: no-repeat;
background-size: cover;
}


.interest-card-content {
background: rgba(0,0,0, 0.52);
overflow: hidden; 
height: 100%; 
z-index: 2;
padding: 10px 10px 20px 10px; 
text-align: left; 

display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}


.interest-card-content img.dropdown-toggle {
filter: none !important;
}


.interest-card-name, .interest-card-name:hover  {
font-size: 1.9rem !important; 
text-decoration: none !important;
color: white !important;
}

.interest-following-count {
font-size: 0.8em; 
font-family: Cabin, sans-serif;
}

.interest-following-container {
display: flex; 
justify-content: space-between; 
align-items: center;
}


.interest-showcase-padding {
margin-top: 20px;
}


.scrolling-wrapper-flexbox {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;

overflow-x: auto;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none;  
scroll-behavior: smooth;

max-height: 120px;
min-width: 100%;
-webkit-overflow-scrolling: touch  !important;
padding: 25px 60px 10px 10px;
}




.scrolling-wrapper-flexbox::-webkit-scrollbar {
display: none;
}



.scroll-item {
font-family: Cabin;
flex: 0 0 auto;

width: 180px;
height: 80px;
margin: 0 5px 0 5px;

font-size: 1.2em;
text-align: center;
color: white;
vertical-align: middle;
border-radius: 3px;

object-fit: cover;
overflow: hidden;

background-size: 100%; 
background-position: center center; 
background-repeat: no-repeat;
}


.scroll-item-content {
background: rgba(0,0,0, 0.52);
overflow: hidden; 
height: 100%;
z-index: 2;
padding: 15% 0;
}

.scroll-item-text {
color: white !important;
text-decoration: none !important;
}

.scroll-item-text:hover {
color: #00de53 !important;
text-decoration: none !important;
transition: color 0.3s ease-in !important;
}

.grey-centered-in {
font-size: 1.3em; 
color: grey; 
text-align: center;
}

.interest-heading-1, .interests-heading-1  {
font-family: Open Sans, sans-serif;	
}

.interest-heading-info-cont {
display: flex; 
flex-direction: column; 
justify-content: space-between;
}


.interest-heading-2, .interests-heading-2 {
font-family: Cabin, sans-serif;	
font-size: 150%;
margin-bottom: 35px;
text-align: center;
}



.interests-jumbotron {
margin-top: 50px; 
margin-bottom: 70px;
}

.interests.filter-form {
width: 100%; 
margin: 50px 0px 25px 20px;
}


.interests-container {
margin-bottom: 70px;
}


.interest-tabs-cont {
font-family: 'Cabin', sans-serif;
}

.interest-tab-icon {
width: 20px;
margin-right: 2px;
}

.interest-jumbotron {
background-color: transparent;
width: 100%;  
height: auto;
margin-bottom: 30px;
background-repeat: no-repeat; 
background-position: center center; 
-webkit-background-size: cover; 
background-size: cover; 
color: #fafafa;
font-family: Cabin;
}


.interest-page-image {
width: 210px; 
height: 210px;
border-radius: 6px; 
object-fit: cover; 
display: block;
margin: 10px auto 10px  auto;
}

.interest-insight-text {
overflow: hidden;
line-height: 2rem;
max-height: 7.7rem;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
overflow: hidden !important;
text-overflow: ellipsis;
-webkit-line-clamp: 3; 
}

.interest-header-following {
color: #fff;
background-color: #00de53;
border: 1px solid #00de53;
border-radius: 20px;
padding: 12px 12px 8px 12px;
font-size: 1.3rem;
text-decoration: none !important;
margin: 2px auto 10px auto;
text-align: center;
display: block;
width: 120px;
text-transform: uppercase;
}

.interest-header-follow {
color: #00de53;
background-color: transparent;
border: 1px solid #00de53;
border-radius: 20px;
padding: 12px 12px 8px 12px;
font-size: 1.3rem;
text-decoration: none !important;
margin: 2px auto 10px auto;
text-align: center;
display: block;
width: 120px;
text-transform: uppercase;
}


/* end interests page */





/*  sessions page */
.sessions-filtering-cont {
display: block; 
font-family: Cabin, sans-serif; 
margin-bottom: 50px; 
text-align: center;
}

.sessions-current-filter {
padding-bottom: 4px; 
border-bottom: 3px solid #00de53;
}

.sessions-filter-dropdown {
font-family: Cabin, sans-serif;
margin-bottom: 20px;
background-color: transparent !important;
color: #fafafa !important;
}

.sessions-dropdown-menu {
min-width: 100% !important;
background-color: #111 !important;
color: #fafafa !important
}


.sessions-dropdown-menu a {
color: #fafafa !important;
background-color: transparent !important;
}

.sessions-dropdown-menu a:hover {
color: #00de53 !important;
background-color: transparent !important;
}


.sessions-dropdown-toggle {
width: 100% !important;
background-color: transparent !important;
color: #fafafa !important;
}

.session-custom-container {
padding-bottom: 100px;
}

.sessions-jumbotron {
width: 100%;  
height: auto;
margin-bottom: 30px;
background-repeat: no-repeat; 
background-position: center center; 
-webkit-background-size: cover; 
background-size: cover; 
color: #1b1b1b;
font-family: Cabin;
}


.session-card-avatar {
width: 50px; 
height: 50px;
border-radius: 50%; 
object-fit: cover; 
}

.session-card-placeholder {
border-radius: 50%; 
object-fit: cover; 
filter: invert(1);
border: 2px solid deeppink;
}


.sponsor-and-action-cont {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

margin-top: 8px;
}


.session-card {
border:  1px solid #333;
background-color: #111;
border-radius: 4px;
}


.padding-card {
padding: 10px 12px 10px 12px;
position: relative;
}

.padding-card-profile {
padding: 10px 12px 10px 12px;
position: relative;
}

.sponsored-by-container-profile {
font-family: Cabin;
position: absolute;
bottom: 5px;
right: 10px;
}


a.session-card-owner, a.session-card-owner:hover {
font-family: Cabin;
color: #fafafa;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
font-size: 1em;
text-decoration: none;

}

.session-owner-container {
margin-bottom: 3px;
}

.session-image-container {
display: block !important;
height: 200px;
width: 100%;	
object-fit: cover;
overflow: hidden;


background-size: 100%; 
background-position: center center; 
background-repeat: no-repeat;
background-size: cover;
}


.session-image-content-h {
background: rgba(0,0,0, 0.52);
overflow: hidden; 
height: 100%; 
z-index: 2;
padding: 60px 10px 20px 10px; 
text-align: center; 
text-decoration: none !important;
visibility: hidden;
opacity: 0;
transition: opacity 0.7s ease-in !important;
}

.session-image-content-sh {
background: rgba(0,0,0, 0.52);
overflow: hidden; 
height: 100%; 
z-index: 2;
padding: 60px 10px 20px 10px; 
text-align: center; 
text-decoration: none !important;
visibility: visible; 
opacity: 1;
transition: opacity 0.7s ease !important;
}

.session-image-flex-container {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

font-family: Cabin;
}

.session-share-link-l, .session-share-link-l:hover {
color: white; 
padding-top: 50px; 
font-family: Cabin; 
font-size: 1.4em; 
text-decoration: none;
}


.session-share-link-s, .session-share-link-s:hover {
color: #fafafa; 
font-family: Cabin; 
font-size: 1em; 
text-decoration: none;
}

.answer-share-link, .answer-share-link:hover {
color: #fafafa !important; 
font-family: Cabin sans-serif; 
font-size: 1em; 
text-decoration: none !important;
margin-left: 30px;
}


.go-to-session-link, .go-to-session-link:hover {
margin: 7% auto 0 auto;
text-decoration: none;
color: white !important;
font-size: 1.2em;
border: 1px solid #ffffff;
border-radius: 30px;
padding: 10px 5px 10px 5px;
width: 150px;
}

.session-owner-occupation {
font-family: Cabin;
font-size: 0.8em; 
color: grey; 
margin-bottom: 2px; 
overflow: hidden; 
text-overflow: ellipsis;
}


.session-interest {
font-size: 0.7em;
margin-bottom: 5px; 
font-family: Cabin;
}

.session-views-date-cont {
height: 30px; 
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

margin-bottom: 5px; 
margin-top: 5px;
}


.session-views {
font-family: Cabin; 
font-size: 0.8em;  
color: #505050;

display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

flex-grow: 1;
}


.views-icon {
margin-right: 1px; 
margin-bottom: 2px;
width: 12px;
filter: invert(1);
}


.views-cont {
margin-right: 15px !important;
color: #fafafa;
}

.share-icon-dark {
width: 11px;
margin-right: 1px; 
margin-bottom: 2px;
filter: invert(1);
}


.share-icon-answer {
width: 15px;
margin-right: 1px; 
margin-bottom: 3px;
filter: invert(1);
}

.session-date-info {
margin-top: 15px;
font-size: 0.8em; 
color: grey; 
font-family: Cabin !important;
flex-grow: 3;
}

.date-color {
margin-right: 3px; 
margin-bottom: 2px;
width: 8px;
}


a.filter-sessions-btn, a.filter-sessions-btn:hover, a.filter-interests-btn, a.filter-interests-btn:hover {
display: block;
width: 100%;
height: auto;
background-color: #00b25b;
color: #FFFFFF;
font-family: Cabin;
font-size: 16px;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 2px;
text-decoration: none;
border-radius: 20px;

}

a.filter-interests-btn:hover {
background-color: #00954c;
transition: 0.95s;
}



.session-tags {
font-size: 0.7em;
color:#fafafa;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: break-word;
}

.session-tags-icon {
margin-right: 5px;
height: 9px;
filter: invert(1);
}

.session-tag {
color: #fafafa;
font-family: Cabin;
}


.session-card-sponsor, .session-card-sponsor:hover {
color: #fafafa;
text-decoration: none;
}


.sponsored-by {
color: grey
}

.sponsored-by-container {
font-family: Cabin;
bottom: 5px;
right: 10px;
}

.popover-sponsor-logo {
width: 50px; 
margin-bottom:3px;
}

.load-more-container {
margin-bottom: 50px;
margin-top: 50px;
}


a.load-more, a.load-more:hover {
font-family: Cabin, sans-serif !important;
display: block;
width: 100% !important;
height: auto !important;
background-color: #111111 !important;
color: #fff  !important;
text-align: center !important;
padding: 10px 20px 10px 20px;
text-decoration: none !important;
border: 1px #fff solid !important;
border-radius: 3px !important;
font-size: 1.3em !important;

}

.loading-sessions-block {
margin-bottom: 100px;
}

.sessions-load-more-container {
margin-bottom: 150px;
}
/* end sessions page */


/* session page */
.about-wall-info-cont {
display: flex; 
justify-content: space-between; 
flex-direction: row;
}


.about-wall-cont {
font-family: Cabin, sans-serif;
}

.wall-coming-soon {
color: #00bc60;
}


.about-wall-icon {
width:12px;
margin-bottom: 4px; 
margin-left: 7px;
}

.about-programs-icon {
width:12px;
margin-bottom: 1px; 
margin-left: 7px;
}

.sponsor-program-container {
font-family: Cabin, sans-serif; 
margin-bottom: 20px;
}

.sponsor-theme-heading {
color: #838383;
}


.interview-creator-cont {
margin-bottom: 30px; 
margin-top: -25px; 
font-family: Cabin;
color: #fafafa;
}


.wall-modal {
font-family: Cabin, sans-serif;
}

.wall-snippet-cont {
margin: 40px 0px 40px 0px;
}

.wall-snippet {
width:100%;
box-shadow: 3px 6px 12px rgba(199, 199, 199, 0.1); 
-moz-box-shadow: 3px 6px 12px rgba(199, 199, 199, 0.1);
-webkit-box-shadow: 3px 6px 12px rgba(199, 199, 199, 0.1);
}


.circle-crop {
border-radius: 50%;
object-fit: cover;
}


.session-owner-img-crop {
border-radius: 50%;
object-fit: cover;
width: 90px;
height: 90px;
}

.session-owner-img-placeholder {
border-radius: 50%;
object-fit: cover;
width: 90px;
height: 90px;
filter: invert(1);
border: 2px solid deeppink;
}


.active-tab-green {
color: #00bc60 !important;
}


.active-tab {
color:  #00bc60 !important;
border-color: #00bc60 !important;
}

a.ask-question-btn {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: #00de53 !important;
color: #FFFFFF !important;
font-family: Cabin !important;
font-size: 16px !important;
text-align: center !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
border-radius: 2px !important;
text-decoration: none !important;
border-radius: 20px !important;
}


.show-more-sess, .show-less-sess, .show-more-ia {
text-transform: uppercase;
font-size: 0.8em;
display: block;
margin: 15px auto 15px auto;
width: 100%;
text-align: center;
background-color: transparent;
border: 1px solid beige;
padding: 8px 6px;
color: #ccc !important;
}

/* end session page */




/* top nav styles */
.navbar-default {
background-color: #111 !important;
border-color: #444 !important;
}

.nav-dropdown {
font-family: Cabin; 
background-color: #111 !important; 
color: #f8f8f8 !important;
padding-bottom: 10px;
min-width: 300px !important;
}


ul.dropdown-menu.nav-dropdown >  li > a {
padding: 4px 20px !important;
}

ul.dropdown-menu.nav-dropdown >  li > a:hover {
background-color: transparent !important;
/* color: #00de53 !important;
transition: color 0.2s !important; */
}


.nav-search {
height: 35px !important;
width: 150px !important;
padding: 6px 12px !important;
font-size: 0.8em !important;
color: #f8f8f8 !important;
background-color: transparent !important;
background-image: none !important;
border: 1px solid #f8f8f8 !important;
border-radius: 20px !important;
font-family: Cabin, sans-serif !important;
display: block;
}

.nav-search-sm {
height: 30px !important;
width: 180px !important;
padding: 6px 12px;
font-size: 0.8em !important;
color: #fafafa !important;
background-color: transparent !important;
background-image: none;
border: 1px solid #ccc !important;
font-family: Cabin, sans-serif;
display: block;
margin: 10px 5px 0px 10px;

}

.nav-links-cont {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;


-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

align-content: center;
}


.nav-link-left, .nav-link-right {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

align-content: center; 
margin-top: 2%; 
}


.nav-link {
margin-right: 40px;
font-size: 1.2em;
color: white !important;
text-decoration: none !important;

}

.nav-link:hover {
margin-right: 40px;
font-size: 1.2em;
color: #00de53 !important;
text-decoration: none !important;
transition: 0.5s;
}

.nav-logo > img {
margin-bottom: 2px;
}


.nav-btn {
display: block;
height: auto;
font-family: Cabin;
text-align: center;
border-radius: 3px;
text-decoration: none;

}


.form-control:focus {
border-color: #00de53 !important;
}

a.nav-text-link {
color: #f8f8f8 !important;
font-family: Cabin, sans-serif;
letter-spacing: 0.1px;
font-size: 65%;
}


a.nav-text-link:hover {
color: #00de53 !important;
transition: 0.9s;

}


img.bottom-nav-flyout {
width: 22px;
}


.dropdown-menu>li>a:hover {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #fafafa !important;
white-space: nowrap;
}


.top-nav-dropdown-link-cont, .top-nav-dropdown-link-cont:hover {
display: flex !important;
align-items: center !important;
margin: 12px 0px 12px 0px;
font-family: Cabin, sans-serif;
color: #f8f8f8 !important;
}


.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background-color: transparent !important;
color: #00de53 !important;
border-color: #00de53;
}


img.dropdown-icon {
width: 15px;
margin-right: 8px;
transition: color 0.3s ease;
filter: invert(1);
}

.post-insight-btn {
margin: 10px 10px 0px 3px !important;
width: auto !important;
height: auto !important;
background-color: #00de53 !important;
color: #fff !important;
text-align: center !important;
padding-top: 5px !important;
padding-bottom: 6px !important;
text-decoration: none !important;
border: 1px solid #00de53 !important;
border-radius: 20px !important;
font-size: 0.8em !important;
font-family: Cabin !important;
}


.new-tag {
font-weight: bolder;
}
/* end top nav styles */



.page-sec {
width: 100%;
min-width: 100%;
background-repeat: no-repeat; 
background-position: center center; 
-webkit-background-size: cover; 
background-size: cover; 
}


.section-1 {  
min-height: 750px;
height: auto;
background-color: #fcfcfc; 
color: white;
font-family: Cabin, sans-serif;
padding-top: 1.5%;
padding-bottom: 10%;
}


.section-2 {  
min-height: auto;
height: auto;
background-color: #111; 
color: #fafafa;
padding-top: 7%;
padding-bottom: 4%;
}


.section-3 {  
min-height: 400px;
background-color: #111; 
color: #fafafa;
font-family: Open Sans Light, sans-serif;
padding-top: 4%;
padding-bottom: 10%;
}



.section-4 {  
height: 650px;
background-color: #f8f8f8; 
color: #151515;
font-family: Cabin, sans-serif;
padding-top: 4%;
padding-bottom: 4%;
overflow: hidden;
}


.section-5 {  
height: auto;
background-color: #171717; 
color: white;
font-family: Cabin, sans-serif;
overflow: hidden;
padding-bottom: 100px;
}



.section-6 {  
height: 650px;
background-color: #00de53; 
color: white;
font-family: Cabin, sans-serif;
padding-top: 4%;
padding-bottom: 4%;
overflow: hidden;
}


.section-7 {  
background-image: url(../twocents_app/slide8.jpg);
color: white;
font-family: Cabin, sans-serif;
overflow: hidden;
text-align: center;
}




.footer {
height: auto;
background-color: #1f202a; 
color: white;
font-family: Cabin, sans-serif;
}

.footer-logo {
width: 100px;
height: 26.29px;
}


.footer-cont {
display: flex;
flex-direction: column;
justify-content: space-between;
align-content: center;

}

.footer-row-1 {
display: flex;
justify-content: space-between;
}


.footer-row-2 {
display: flex;
justify-content: space-between;
}



.footer-row-2-right {
float: right;
}

.footer-row-2-text {
opacity: 0.8;
}

.footer-row-3 {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 1%;
}

.footer-green-bar {
width: 100%; 
height: 3px; 
background-color: #00de53; 
margin-top: 40px;
}


.sm-link, .sm-link:hover {
color: #fff !important;
text-decoration: none !important;

}


/* Firefox old*/
@-moz-keyframes blink {
0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
} 

@-webkit-keyframes blink {
0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
/* IE */
@-ms-keyframes blink {
0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
} 


.blink {
-moz-animation: blink normal 1s infinite ease-in-out; /* Firefox */
-webkit-animation: blink normal 1s infinite ease-in-out; /* Webkit */
-ms-animation: blink normal 1s infinite ease-in-out; /* IE */
animation: blink normal 1s infinite ease-in-out; /* Opera and prob css3 final iteration */
}



.action-alert  {
visibility:visible; 
background-color: #000 ; 
color: #fff ;
text-align: center;
padding: 12px; 
position: fixed; 
z-index: 10000000 !important; 
border-radius: 3px;

font-family: Cabin !important;
font-size: 1.2em !important;
letter-spacing: 0.2px !important;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

}



.error-alert, .alert-danger { 
background-color: #df0024 !important;
color: #fff !important;
}

.success-msg {
font-family: 'Cabin', sans-serif !important;
border-color: seagreen !important;
}

button[data-dismiss="alert"] {
appearance: none !important;
-webkit-appearance: none !important;
padding: 0 !important;
cursor: pointer !important;
background: 0 0 !important;
border: 0 !important;
float: right !important;
font-size: 21px !important;
font-weight: 100 !important;
line-height: 1 !important;
color: white !important;
text-shadow: none !important;
}


div.success-msg > button[data-dismiss="alert"] {
appearance: none !important;
-webkit-appearance: none !important;
padding: 0 !important;
cursor: pointer !important;
background: 0 0 !important;
border: 0 !important;
float: right !important;
font-size: 21px !important;
font-weight: 100 !important;
line-height: 1 !important;
color: #3c763d !important;
text-shadow: none !important;
}



.about-tc-alert {
visibility: hidden; 
background-color: #00de53; 
color: #fff ;
text-align: center;
padding: 12px 30px 12px 30px; 
position: fixed; 
z-index: 1000000; 
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s !important;
animation: fadein 0.5s, fadeout 0.5s 2.5s !important;
border-radius: 3px;

box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);


}



.about-tc-alert-cont {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

align-content: center;
}


.about-tc-link, .about-tc-link:hover  {
text-decoration: none; 
font-family: Cabin; 
color: white;

}

a.close-alert, a.close-alert:hover {
color: white !important;
text-decoration: none!important;
}









/* profile styles */
.profile-filters {
width: 200px; 
margin: 10px 0px 25px 20px;
}

.profile-tabs {
margin-bottom: 20px !important;
}

.profile-filter-form {
width: 200px;
margin: 10px 0px 25px 20px;
}

.tab-heading {
white-space: nowrap !important;
}

a.profile-edit-btn, a.profile-edit-btn:hover {
font-size:0.9em;
padding: 4px 8px 3px 8px;
border: 1px solid grey;
border-radius: 11px;
text-decoration: none;
color: grey;
}

.profile-photo {
border-radius: 50%;
object-fit: cover;
}

.profile-name {
font-family: Open Sans, sans-serif;
color: #fafafa;
}

.profile-city {

}

.profile-city-text {
font-family: Open Sans, sans-serif;
letter-spacing: -0.5px;
color: #ccc;
}

.profile-desc {
font-family: Open Sans, sans-serif;
letter-spacing: -0.5px;
color: #ccc;
}


.profile-page-container {
font-family: Cabin;
background-color: #111;
padding-bottom: 200px;
margin-bottom: 100px;	
padding-left: 0px !important; 
padding-right: 0px !important;
}

.col-padding-22 {
padding-left: 3px !important; 
padding-right: 3px !important;
}

.profile-purpose {
margin-top: 5px;
font-family: Open Sans, sans-serif;
padding: 0px 3px 0px 3px !important;
color: grey;
}


.edit-btn-cont {
display: block !important;
margin-bottom: 10px; 
margin-top: 10px;
text-align: right;
}

.profile-photo-cont{
margin-top: 5px !important;
}


.profile-img-placeholder {
filter: invert(1);
border: 3px solid deeppink;
border-radius: 50%;
}


.profile-city-icon {
height: 12px;
margin-bottom: 4px;
filter: invert(1);
}


.profile-media-cont {
margin-top: 20px;
}

.at-sign {
font-family: Roboto Regular !important;
}


a.private-profile, a.public-profile, a.private-profile:hover, a.public-profile:hover {
background-color: transparent !important;
color: #ccc;
}


h3.profile-section {
display: none;
color: #ccc;
}

h6.public-profile-explainer {
color: #ccc;
}


.flyout-menu {
font-size: 12px !important;
min-width: 130px !important;
left: -110px !important;
background-color: transparent !important;
color: #ccc !important;
border-color: #ccc !important;
}


.flyout-menu-w {
font-size: 12px !important;
min-width: 70px !important;
left: 60px !important;
}

.profile-type-cont {
margin-bottom: 50px;
}


.profile-sess-ques-cont {
margin-bottom: 30px;
color: #fafafa;
}



.public-profile-media {
margin-top: 5px; 
margin-bottom: 25px;
}


.public-profile-text {
color: #fafafa; 
font-family: 'Cabin', sans-serif;
font-size: 0.9em;
}


.public-profile-ach-icon {
height: 15px;
filter: invert(1);
}

.public-profile-occ-icon {
height: 13px;
filter: invert(1);
}

.profile-education-block {
margin-top: 30px;
margin-bottom: 30px;
}

.profile-education-heading {
color: grey;
}

.public-profile-edu-icon {
height: 16.5px;
filter: invert(1);
}

.public-profile-web-icon {
height: 14px;
filter: invert(1);
}

.public-profile-heading {
margin-top: 3px;
display: inline-block;
border-bottom: 6px solid #007BFF;
padding-bottom: 6px;
color: #ccc;
}

.divide {
margin-left: 7px; 
margin-right: 7px;
}

.follow-user-cont {
display: block !important;
margin-bottom: 10px; 
margin-top: 10px;
text-align: right;
}


.follow-user-btn, .follow-user-btn:hover {
color: #00de53;
background-color: transparent;
border: 1px solid #00de53;
border-radius: 20px;
padding: 9px 16px 9px 16px;
font-weight: 500;
font-size: 1.5rem; 
text-align: right;
text-decoration: none !important;
}


.following-user-btn, .following-user-btn:hover {
color: #fff;
background-color: #00de53;
border: 1px solid #00de53;;
border-radius: 20px;
padding: 9px 16px 9px 16px;
font-weight: 500;
font-size: 1.5rem; 
text-align: right;
text-decoration: none !important;
}



.follow-user-btn-sm, .follow-user-btn-sm:hover {
color: #00de53;
background-color: transparent;
border: 1px solid #00de53;
border-radius: 20px;
padding: 9px 16px 9px 16px;
font-weight: 500;
font-size: 1.2rem; 
text-align: right;
text-decoration: none !important;
}


.following-user-btn-sm, .following-user-btn-sm:hover {
color: #fff;
background-color: #00de53;
border: 1px solid #00de53;;
border-radius: 20px;
padding: 9px 16px 9px 16px;
font-weight: 500;
font-size: 1.2rem; 
text-align: right;
text-decoration: none !important;
}



a.follow-user, a.follow-user:hover {
text-decoration: none !important;
}

.profile-following-followers {
margin-top: 17px;
color: #fafafa;
}

.profile-stats {
padding: 8px 6px 8px 6px;
}

.followers-heading, .following-heading {
margin-bottom: 30px !important;
color: #ccc;
}

.user-city-icon {
width: 8px; 
margin-bottom: 2px;
filter: invert(1);
}


.user-avatar-cont {
margin-top: 5px !important;
}

.user-name, .user-name:hover {
font-size: 1.3em;
font-family: Cabin;
color: #fafafa;
}

.user-occupation {
font-size: 1em;
font-family: Cabin;
color: #ccc;
}


.follower-container, .following-container {

min-height: 75px;
height: 75px;

margin-bottom: 17px;
margin-right: 10px;

display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}


.profile-insight-img {
width: 60px;
height: 60px;
object-fit: cover;
margin-right: 10px;
border-radius: 6px;
}

.profile-insight-text {
display: block;
margin-top: -5px;
width: -webkit-fill-available;
width: -moz-available;
width: -ms-available;
width: fill-available;
width: 100%;
}


.profile-insight-text-content {
text-align: justify;
}

.sifn, .ifn, .sifn:hover, .ifn:hover {
display: block;
color: #fafafa;
}

.profile-insight-image-text-cont {
margin-top: 10px;
flex-direction: row;  
display: flex; 
}

.load-more-insights-container, .load-more-comments-container, .loading-followers-block,
.loading-following-block, .load-more-insight-results-container {
margin-bottom: 50px;
margin-top: 50px;
}


a.load-more-insights, a.load-more-insights:hover, a.load-more-comments, a.load-more-comments:hover,
a.load-more-followers, a.load-more-followers:hover, a.load-more-following, a.load-more-following:hover,
a.load-more-insight-results, a.load-more-insight-results:hover {

font-family: Cabin, sans-serif !important;
display: table;
width: 200px !important;
height: auto !important;
background-color: #1e1e1e !important;
color: #fafafa  !important;
text-align: center !important;
padding: 10px 20px 10px 20px;
text-decoration: none !important;
border: 1px #fafafa solid !important;
border-radius: 30px !important;
font-size: 1.3em !important;
margin-left: auto;
margin-right: auto;

}

.load-more-insight-block {
width: 100%;
display: inline-block;
}

.profile-insight-cont {
margin-bottom: 5px;
}

.profile-insight-title {
font-family: 'Open Sans', sans-serif;
font-size: 1.5em;
line-height: 1em;
}



.profile-insight-actions-flex-cont {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}

a.get-followers, a.get-following {
font-family: Open Sans, sans-serif !important;
color: #fafafa !important;
}

.w13-icon {
width: 15px;
height: 15px;
object-fit: cover;
margin-right: 5px;
margin-bottom: 2px;
filter: invert(1);
}



.w13-icon-profile {
width: 15px;
height: 15px;
object-fit: cover;
border-radius: 50%;
margin-right: 5px;
margin-bottom: 2px;

}


.custom-group-btns {
display: flex !important;
justify-content: space-between !important;
flex-direction: row !important;
align-items: center !important;
padding: 5px 10px !important;

margin: 0px 5px 0px 5px;
color: #ccc !important;
border-radius: 15px !important;
background-color: transparent !important;
}



.profile-stats-btn {
background-color: transparent !important;
filter: invert(41%) sepia(98%) saturate(1153%) hue-rotate(95deg) brightness(97%) contrast(95%);
border: 1px solid;
}

.profile-earnings-btn {
background-color: transparent !important;
filter: invert(62%) sepia(90%) saturate(614%) hue-rotate(167deg) brightness(95%) contrast(96%);
border: 1px solid;
}

.profile-accounts-btn {
background-color: transparent !important;
filter: invert(66%) sepia(51%) saturate(532%) hue-rotate(290deg) brightness(97%) contrast(101%);
border: 1px solid;
}

/* end profile styles */





/* edit profile */
.max-upload-text  {
margin-top: 20px !important;
text-align: center !important;
}


form.profile-form  label {
display: block;
font-weight: 300 !important;
font-family: Cabin, sans-serif !important;
font-size: 12px !important;
letter-spacing: -0.3px !important;
color: #ccc !important;
}

form.profile-form  div.form-group {
margin-bottom: 15px;
margin-top: 30px;
}


form.profile-form .form-control::-moz-placeholder {
color: white;
opacity: 1;
}
form.profile-form .form-control:-ms-input-placeholder {
color: white;
}
form.profile-form .form-control::-webkit-input-placeholder {
color: white;
}

.form-group > .profile-form {
margin-top: 10px !important;
}

.edit-profile-page {
font-family: Open Sans !important;
background-color: #111;
margin-bottom: 100px;
margin-top: 50px;
}

form.profile-form input {
background-color: transparent !important;
color: #fafafa;
}

form.profile-form textarea {
background-color: transparent !important;
color: #fafafa;
}

div.bootstrap3-multi-input {
margin-bottom: 10px !important;

}

div.bootstrap3-multi-input > label {
display: none;
}


input#id_photo {
/*margin-left: -12px !important;*/

}


.edit-profile-image {
object-fit: cover !important;
height: 250px;
width: 250px;

border-style: solid;
border-width: 0.5px;
border-color: #c4c4c4;

padding: 5px 5px 5px 5px;

border-radius: 4px;
background-color: #111;
}


.profile-image-container {
height: 250px;
width: 250px;
display: block;

border-style: solid;
border-width: 0.5px;
border-color: #c4c4c4;

border-radius: 4px;

}


input#photo-clear_id {
display: none !important;

}

div#id_password {
display: none;
}


.edit-profile-page > div.help-block {
display: block;
}
.edit-profile-page > div.help-block {
display: block;
}


.remove-current-image, .remove-current-image:hover, .reset-image, .reset-image:hover {
text-align: center;
display: block;
color: #fafafa;
text-decoration: none;
font-size: 1.1em;
border-radius: 2px;
margin: 0px auto 12px auto;
font-family: Cabin, sans-serif !important;
letter-spacing: -0.2px;
border: 1px solid #fafafa;
padding: 4px 20px 4px 20px;
width: 250px;
}


.upload-btn-wrapper {
position: relative;
overflow: hidden;
display: block;
width: 250px;
margin-right: auto;
margin-left: auto;
}



.upload-btn {
text-align: center;
border: 1px solid #007BFF;
color: white;
background-color: #007BFF;
padding: 4px 20px 4px 20px;
border-radius: 3px;
font-size: 1.1em;
}

.upload-btn-wrapper input[type=file] {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}


select.form-control {
border-color: #b8b8b8 !important;
background-color: #f9f9f9 !important;
background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2) !important;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2) !important;
background-image: -o-linear-gradient(top, #fefefe, #f2f2f2) !important;
background-image: linear-gradient(to bottom, #fefefe, #f2f2f2) !important;
background-repeat: repeat-x !important;
webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

.edit-profile-page > label {
display: block !important;
font-weight: 600 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 15px !important;
line-height: 24px !important;
letter-spacing: -0.3px !important;

margin-bottom: 10px !important;

color: grey !important;
}

label[for=image-clear_id] {
display: none !important;
}

input#image-clear_id {
display: none !important;
}

textarea {
resize: none;
}

.phone-field-flex-wrapper {
display: flex;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;

-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

margin-bottom: 10px;
}

/* end edit profile */





/* change password */

.change-password-page {
font-family: Cabin !important;
margin-top: 100px;
margin-bottom: 100px;
}

.change-password-page-heading {
color: #ccc;
}

/* end chnage password */





/* share modal */

.share-modal-content {
min-height: 260px !important;
height: auto;
width: 100% !important;
margin: auto !important;
padding-bottom: 20px !important;
font-family: Cabin;
background-color: #111 !important;
}

.close-share-modal-x {
font-size: 40px !important;
font-weight: 100 !important;
color: #fff !important;
opacity: 1 !important;
}

div#shareLink, div#shareAnswerLink {
font-size: 0em;
}

.crisp-img {
image-rendering: optimizeSpeed;             /*                     */
image-rendering: -o-crisp-edges;            /* Opera               */
image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
image-rendering: optimize-contrast;         /* CSS3 Proposed       */
-ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}

.sm-share-icon {
margin-right: 7px;
margin-bottom: 7px;
width: 25px; 
}

.share-item-cont {
margin-bottom: 9px;
}


.share-item-text, .share-item-text:hover {
font-size: 1.3em !important;
color: #111111 !important;
text-decoration: none !important;
}


.share-modal-image-cont {
margin-top: 20px;
}

.share-modal-image {
width: 100%
}

.share-items-cont {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}

.share-modal-title {
color: #fff !important;
opacity: 1 !important;
}


.share-modal-title-cont {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

/* end share modal */


/* pagination */

.paginator-content{
text-align: center; 
font-family: Cabin;
}

/* end pagination */



/* search page */
.search-page-container {
min-height: 650px; 
font-family: Cabin;
padding-bottom: 100px;
}


.result-tab-heading {
white-space: nowrap !important;
}


.search-search {
border-width: 1px !important;
border-color: #ccc !important;
border-style: solid !important;
box-shadow: none !important;
border-radius: 3px !important;
padding-left: 5px !important;
font-size: 0.9em !important;
letter-spacing: 0.3px !important; 
background-color: transparent !important;
color: #fafafa !important;
}

.search-results-count {
display: inline-block;
border-bottom: 5px solid #00de53;
padding-bottom: 5px;
margin-bottom: 25px;
}


.user-result-item {
margin: 15px 0px;
}

.result-profile-photo {
width: 30px;
height: 30px; 
object-fit: cover;
border-radius: 50%;
}

.result-profile-placeholder {
border: 1px solid deeppink;
filter: invert(1);
width: 30px;
height: 30px;
border-radius: 50%;
}    


.result-profile-photo-cont {
margin-top: 5px !important;
}


.result-profile-name, .result-profile-name:hover {
color: #fafafa; 
text-decoration: none;
font-size: 1.3em
}


.result-profile-occupation, .result-profile-occupation:hover {
font-size: 1.1em;
color: #9f9f9f; 
text-decoration: none;
}


.answer-result-cont, .question-result-cont  {
margin-bottom: 17px;
}

.answer-result-date, .question-result-date {
color: grey;
}


.answer-result-item, .question-result-item, .session-result-item {
margin-bottom: 13px;
}


.insight-result-item {
margin-bottom: 25px;
}

.answer-result-text, .question-result-text, .session-result-owner, .insight-result-text {
color: grey !important;
}


.answer-result-text:hover, .question-result-text:hover, .session-result-owner:hover, .insight-result-text:hover {
color: grey !important;
}

.insight-result-title {
font-size: 1.6em;
color: #ccc !important;
font-family: Cabin, sans-serif;
}


.insight-result-owner {
color: #ccc;
}


.session-result-name {
font-size: 1.2em
}


.session-result-owner-occ {
color: #9f9f9f;
}

.search-search-cont {
margin-bottom: 30px;
}


.search-results-tabs {
margin-bottom: 20px;
}


.comment-result-text, .comment-result-text:hover {
color: #fafafa !important;
}

.comment-result-item {
margin: 10px 0px;
}

.comment-result-date {
color: #666;
}


.search-page-hide-comment-replies {
display: block !important;
background-color: transparent !important;
border: 1px solid #fff !important ;
color: #fff !important;
border-radius: 4px !important;
font-size: 0.6em !important;
align-self: end !important;
margin: 10px 0px !important;
padding: 6px 12px !important;
}

.search-page-hide-comment-replies-cont {
display: flex; 
justify-content: flex-end;
}


.search-page-hidden-comment {
display: none;
}

/*  end search page */






/*  onboarding */

.welcome-modal, .new-user-modal {
padding-right: 0px !important;
}

.welcome-modal-dialogue {

}

.welcome-modal-content {
margin: auto !important;
font-family: Open Sans, sans-serif;
color: white !important;
display: flex;
flex-direction: column;
justify-content: center;
overflow: auto;
}



.welcome-modal-content .carousel-control.right, .welcome-modal-content .carousel-control.left {
background-image: none !important;
}

.carousel-indicators {
position: absolute !important;
bottom: -10% !important;
left: 0% !important;
z-index: 15 !important;
width: 100% !important;
padding-left: 0 !important;
margin-left: 0px !important;
text-align: center !important;
list-style: none !important;
}


.carousel-indicators li {
display: inline-block;
width: 6px !important;
height: 6px !important;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}

.carousel-indicators .active {
width: 8px !important;
height: 8px !important;
margin: 0;
background-color: #fff;
}


.welcome-modal-close-cont {
position: absolute;
display: block;
bottom: 3%;
text-align: center;
width: 100%;
}

.welcome-cards-flexbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
flex: auto;
overflow-x: auto;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent !important;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none;
scroll-behavior: smooth;
width: 260px;
touch-action: none;
}

.welcome-card-item {
height: 390px;
border-radius: 7px;
margin: 20px 0px 20px 0px;
width: 260px;
flex: 0 0 auto;
touch-action: none;
}



.welcome-card-sliders-cont {
display: flex;
justify-content: space-evenly;
width: 100px;
margin-bottom: 20px;
opacity: 0.9;
}


img.welcome-cards-arrow {
width: 15px;
}


a.close-fv-modal.tc-green {
color: #00de53 !important;
font-family: Cabin, sans-serif !important;
}


.splash-card {
background-color: #191919;
height: 350px;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0px 10px 30px  rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0px 10px 30px  rgba(0, 0, 0, 0.6);
border-radius: 3px;
margin: 50px auto 50px auto;
width: 220px;
text-align: center;
padding: 85px 5% 0 5%;
}

.splash-message {
font-family: 'Open Sans', sans-serif;
font-size: 1.6em;

}


.splash-message-large {
font-size: 140%;
}

.splash-logo {
margin-bottom: 10px;
width: 50px;

}



.welcome-card {
background-color: white;
height: 390px;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0px 10px 30px  rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0px 10px 30px  rgba(0, 0, 0, 0.6);
border-radius: 3px;
margin-bottom: 40px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
width: 220px;
}

.welcome-card-image {
height: 290px !important;
width: 290px !important;
object-fit: cover;
overflow: hidden;
border-radius: 10px;
margin-right: auto;
margin-left: auto;
}

.welcome-card-content {
font-family: Open Sans, sans-serif;
text-align: center;
padding-left: 10%;
padding-right: 10%;
min-height: 100px;
height: 100px;
}

.welcome-card-heading {
color: #00de53;
letter-spacing: -0.3px;
}

.welcome-card-text {
font-size: 0.8em;
color: #ccc;
}

/* slider styles */


.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}

.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}

.rslides li:first-child {
position: relative;
display: block;
float: left;
}

.rslides img {
display: block;
border: 0;
}

a.close-nu-modal, a.close-nu-modal:hover {
color: white !important;
font-size: 1em !important;
margin-right: 8px !important;
font-family: Cabin;
text-decoration: none !important;
}

/* end slider */


.newUser-modal-content {
margin: auto !important;
font-family: Open Sans;
color: white !important;
background-color: #000429 !important;

display: flex;
justify-content: center;
align-items: center;
overflow: auto;
min-height: 610px;

}

.new-user-card {
background-color: transparent;
border-radius: 3px;
margin-bottom: 50px;
margin-top: 50px;
color: white;
}

.new-user-card-image {
border-radius: 3px;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0px 10px 30px  rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0px 10px 30px  rgba(0, 0, 0, 0.6);
width: 250px;  
margin-right: auto;
margin-left: auto;

}

.new-user-card-content {
font-family: Cabin, sans-serif;
text-align: center;
padding-left: 1%;
padding-right: 1%;
padding-top: 20px;
}

.new-user-card-heading {
letter-spacing: -0.3px;
color: #00de53 !important;

}

.new-user-card-text {
font-size: 1em;
}


.new-user-splash-card {
background-color: #191919;
height: 250px;
width: 250px;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0px 10px 30px  rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0px 10px 30px  rgba(0, 0, 0, 0.6);
border-radius: 3px;
margin: 50px auto 50px auto;
text-align: center;
padding: 20% 5% 0 5%;
}

.new-user-splash-message {
font-family: 'Open Sans', sans-serif;
font-size: 1.6em;

}


.newUser-modal-content div.close-cont {
margin-top: 20px;
margin-right: auto;
margin-left: auto;
text-align: center;
}



/*  search modal */


.modal-dialogue-mobile-search {
min-height: 100% !important;
}


.modal-content-mobile-search {
background-color: transparent !important; 
box-shadow: none !important; 
border: none !important;
}


.modalsearch.in ~ .modal-backdrop.in {
background-color: #101010 !important;
opacity: 0.99 !important;

}

.modal-content-input::-moz-placeholder {
opacity: 0.9 !important;
color: #fff !important;
}
.modal-content-input::-ms-input-placeholder {
opacity: 0.9 !important;
color: #fff !important;
}

.modal-content-input::-webkit-input-placeholder {
opacity: 0.9 !important;
color: #fff !important;
}

.modal-search-input {
box-shadow: none !important;
-webkit-box-shadow: none !important;
border-top-width: 0px !important;
border-right-width: 0px !important;
border-left-width: 0px !important;
box-shadow: none !important;
border-radius: 0px !important;
padding-left: 0px !important;
font-size: 0.9em !important;
letter-spacing: 0.3px !important; 
background-color: transparent !important;
font-size: 1.1em !important;
color: white !important;
} 


.modal-search-input:focus {
border-color: #00dc70 !important;
}

.close-search-modal {
color: white !important;
opacity: 0.9 !important;
font-size: 40px !important;
text-shadow: none !important;
margin-right: 8px !important;
line-height: 2em !important;
font-size: 100 !important;
}

.live-search-form {
margin: 10px 0px;
}

.see-full-search-results {
display: none;
width: 100% !important;
height: auto !important;
background-color: #1f2229 !important;
color: #ccc !important;
font-family: Cabin !important;
font-size: 0.7em !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
margin: 7px 0px;
}

.search-modal-dialog {
display: flex;
align-items: normal;
justify-content: center;
flex-direction: column;
min-height: 90%;
}

.search-modal-content {
display: flex;
justify-content: center;
flex-direction: column;
}

.user-results {
min-height: 80px;
height: auto;
max-height: 130px;
overflow-y: auto;
background-color: transparent;
padding: 4px;
border-radius: 4px;
border: 1px solid #333;
scrollbar-width: thin !important;
scrollbar-color: rgba(100, 100, 100, 0.4) transparent !important;
}

.insight-results {
min-height: 80px;
height: auto;
max-height: 130px;
overflow-y: auto;
background-color: transparent;
padding: 4px;
border-radius: 4px;
border: 1px solid #333;
scrollbar-width: thin !important;
scrollbar-color: rgba(100, 100, 100, 0.4) transparent !important;
}


.comment-results {
min-height: 80px;
height: auto;
max-height: 130px;
overflow-y: auto;
background-color: transparent;
padding: 4px 10px;
border-radius: 4px;
border: 1px solid #333;
scrollbar-width: thin !important;
scrollbar-color: rgba(100, 100, 100, 0.4) transparent !important;
}


.search-modal-content {
min-height: 500px;
}

.search-modal-content-section-header {
font-family: 'Open Sans', sans-serif;
border-bottom: 3px solid #007bff;
display: inline-block;
font-size: 0.65em;
margin-bottom: 5px;
}


.search-result-section {
margin-bottom: 10px;
}

.live-search-user-result-item {
margin: 10px 0px;
}


.live-search-user-result-item a {
display: flex;
align-items: center;
}

.live-search-user-result-item-name, .live-search-user-result-item-name:hover {
line-height: 1.1em;
font-size: 0.9em;
color: beige !important;
}

.live-search-insight-result-item-name,.live-search-insight-result-item-name:hover {
line-height: 1.1em;
font-size: 0.9em;
color: beige !important;
}


.live-search-comment-result-item-name,.live-search-comment-result-item-name:hover {
line-height: 1.1em;
font-size: 0.85em;
color: beige !important;
}

.live-search-user-result-item-image {
width:20px;
height:20px;
border-radius: 50%;
object-fit: cover;
margin-right: 6px;
}

.live-search-insight-result-item-image {
width:30px;
height:30px;
border-radius: 5px;
object-fit: cover;
margin-right: 6px;
}
/* end search modal */





/* session page */




/* ask modal */
.question-form-avatar-wrapper {
flex: 0 0 2%;
}

.question-form-avatar {
width: 35px;
height: 35px;
border-radius: 50%;
object-fit: cover;
margin-top: 3px;
}


textarea#id_text.form-control, textarea#id_text.form-control:focus  {
border-width: 0px 0px 0px 0px !important;
border-color: transparent !important;
border-style: none !important;
border-radius: 0px !important;
box-shadow: none !important;
font-size: 0.9em !important;
font-family: Roboto;
letter-spacing: -0.3px !important;
min-height: 400px;
background-color: #111 !important;
color: #fafafa !important;
}


.inline-form-wrapper-1 {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;


-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;

-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}


.inline-form-textarea {
flex: 0 0 95%;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important;  
scroll-behavior: smooth !important;
}



.inline-form-textarea::-webkit-scrollbar {
width: 0 !important;
}


.inline-form-wrapper {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

margin-bottom: 10px;
}

/* end ask modal */






.sponsor-container {
background-color: #1f2229;
padding: 15px 5px;
border-style: solid;
border-width: 1px;
border-color: #1f2229;
border-radius: 5px;
margin-top: 5px;

display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

}

.sponsor-container-2 {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;


-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}


.sponsor-logo-container {
flex-basis: 25%;
}

.sponsor-container-3 {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

align-content: center;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

flex-basis: 75%;
align-items: flex-start;
}

.session-jumbotron {
padding-bottom: 30px;
margin-bottom: 30px;
background-color: #111 !important;
border: 1px solid #444;
margin-top: -10px;
}


.answer-int-btn, .answer-ques-btn {
display: inline-block;
color: #009fe3;
background-color: transparent;
border: 1px solid #009fe3;
border-radius: 20px;
padding: 7px 12px 7px 12px;
font-size: 1.3rem; 
text-align: right;
text-decoration: none !important;
font-family: Cabin, sans-serif;
}

.answer-int-btn:hover, .answer-ques-btn:hover {
color: white;
background-color: #009fe3;
border: 1px solid #009fe3;
border-radius: 20px;
padding: 7px 12px 7px 12px;
font-size: 1.3rem; 
text-align: right;
text-decoration: none !important;
font-family: Cabin, sans-serif;
transition: 0.9s;
}


.ask-btn, .ask-btn:hover {
display: block !important;
height: auto !important;
background-color: #00de53 !important;
color: white !important;
font-family: Cabin !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1px solid #00ab57;
}



.so-name-main, .so-name-main:hover {
font-size: 1.4em; 
color: #fafafa; 
text-decoration: none; 
font-family: Cabin;
}

.so-occupation-main {
font-size: 1em; 
font-family: Cabin;
color: #818181;
}

.share-rules-cont {
margin-bottom: 20px;
font-family: 'Cabin', sans-serif;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important; 
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}

.share-rules {
font-size: 0.9em;
}

.share-rules-cont a.btn-default {
background-color: transparent !important;
color: #ccc !important;
border-color: #ccc !important;
}

.ask-question-cont, .set-reminder-cont {
margin-bottom: 20px;
}

.so-achievements-cont {
margin-bottom: 20px;
font-family: Cabin;
color: #fafafa !important;
}


.so-achievements {
font-size: 0.9em;
color: #ccc;
}


.tabs-cont {
margin-bottom: 50px; 
font-family: Cabin;
}

.interview-tab, .questions-tab {
font-size: 1.2em;
}

.so-photo-cont {
margin-bottom: 8px;
}


.sess-share-img {
width: 12px; 
margin-bottom: 3px; 
margin-right: 4px;
filter: invert(1)
}


.sess-share-link, .sess-share-link:hover {
color: white !important;
text-decoration: none !important;

}

.submit-cancel-cont {
text-align: right;
}

.content-textarea {
font-family: Cabin;
}


a.reminder-session, a.reminder-session:hover {
text-decoration: none !important;
}

.sr-btn, .sr-btn:hover {
display: block !important;
width: 30% !important;
height: auto !important;
background-color: transparent !important;
font-family: Cabin !important;
font-size: 11px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1px solid #ccc !important; 
color: #ccc !important;
}

.sr-btn-high, .sr-btn-high:hover {
display: block !important;
width: 30% !important;
height: auto !important;
background-color: transparent !important;
font-family: Cabin !important;
font-size: 11px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1px solid #00de53 !important; 
color: #00de53 !important;
}



.session-closed-cont {
margin-bottom: 20px;
}

.session-closed-message {
display: inline-block;
font-family: Cabin;
color: #ccc;
background-color: transparent;
padding: 5px 10px 5px 10px;
border-radius: 3px;
border: 1px solid #ccc;
}

.session-question-asked {
display: block !important;
width: 30% !important;
height: auto !important;
background-color: transparent !important;
color: #111111 !important;
font-family: Cabin !important;
font-size: 11px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1px solid #111111;

}

/* session information */
.partner-cont {
font-family: Cabin; 
margin-bottom: 14px;
}

.partner-heading {
color: #838383;
}


.no-sponsor-link {
font-family: Cabin, sans-serif;
color: #ccc;
}

.session-info-cont {
font-family: Cabin, sans-serif;
}

.sponsor-container-outer {
margin-bottom: 15px;
}

.sponsor-title {
color: #838383;
font-family: Cabin, sans-serif;
}

.sponsor-name, .sponsor-name:hover {
margin-bottom: 6px; 
font-size: 2.2em; 
text-decoration: none; 
color: beige !important;
text-align: left;
font-family: Cabin, sans-serif;
}

.sponsor-logo {
width: 100px;
border-radius: 8px;
margin-right: 10px !important;
}

.sponsor-tagline {
color: #fafafa;
text-align: left;
font-size: 0.8em; 
margin-bottom: 5px;
font-family: Cabin, sans-serif;
}

.sponsor-description {
text-align: left;
font-size: 0.7em;
font-family: Cabin, sans-serif;
}

.session-info-cont {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;


-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}

.session-info-col-1, .session-info-col-2, .session-info-col-3 {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;

-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;

margin-bottom: 10px;
}



.session-info-col-1 {
flex-basis: 55%;
}

.session-info-col-2 {
flex-basis: 40%;
}



.session-info-item-cont {
margin-bottom: 15px;
}

.session-info-item-heading {
color: #838383;
}

.session-info-tags, .session-info-tags:hover {
color: #fafafa; 
font-size: 0.8em;
}

.session-info-interest, .session-info-interest:hover {
color: #fafafa;
}

.session-info-views-cont {
margin-right: 20px;
color: #fafafa;
}

.session-info-views-img {
width: 15px;
margin-bottom: 2px;
margin-right: 2px;
filter: invert(1);
}

.session-info-num-questions-img {
width:13px; 
margin-bottom: 2px; 
margin-right: 2px;
filter: invert(1);
}

.full-width-panel {
width: 100%;
background-color: #111 !important;
color: #fafafa;
}

.similar-sessions-wrapper-flexbox {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;

overflow-x: auto;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

max-height: 200px;
min-width: 100%;
overflow-x: auto !important;

background-color: transparent !important;
-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important; 
scroll-behavior: smooth !important;

margin-bottom: 40px;
}


.similar-sessions-wrapper-flexbox::-webkit-scrollbar {
display: none;
}


.similar-sessions-item {
font-family: Cabin;
flex: 0 0 auto;

width: 150px;
height: 140px;
margin: 0 10px 0 0;
border: 1px solid #ddd;
padding: 10px 5px 10px 5px !important;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);

font-size: 1.2em;
text-align: center;
vertical-align: middle;
border-radius: 4px;

object-fit: cover;
overflow: hidden;

display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;

}

.ss-owner-name {
color: #fafafa;
font-size: 0.9em;
}

.ss-owner-occupation {
color: #ccc; 
font-size: 0.6em;
}

.similar-sessions-container {
position: relative;
font-family: Cabin;
}

.similar-sessions-container {
color: #ccc !important;
}

.ss-user-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
}

.ss-user-placeholder {
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid #00de53; 
}

.ss-right-btn {
position: absolute;
visibility: hidden;
z-index: 10;
bottom: 50px;
right: -23px;
}

.ss-left-btn {
position: absolute;
visibility: hidden;
z-index: 10;
bottom: 50px;
left: -20px;
}

/* end session information */



/* session question */

.user-avatar {
width: 30px;
height: 30px;
border-radius: 50%;
object-fit: cover;
}

.user-placeholder {
width: 30px;
height: 30px;
border-radius: 50%;
border: 2px solid #f06292;
filter: invert(1);
}


.ra-btn, .ra-btn:hover {
padding: 2px 3px 2px 3px; 
border: 1px solid #ccc; 
font-size: 0.8em; 
border-radius: 3px;
color: #ccc;
text-decoration: none;
}

.ra-btn-high, .ra-btn-high:hover {
padding: 2px 3px 2px 3px; 
border: 1px solid #009fe3; 
font-size: 0.8em; 
border-radius: 3px;
color: #009fe3;
text-decoration: none;
}


a.upvote-interview-answer {
color: #fff !important;
}

.upvote-btn, .upvote-btn:hover {
width: 15px;
margin-bottom: 3px;
text-decoration: none !important;
filter: invert(1);
}

.upvoted-btn, .upvoted-btn:hover {
width: 15px;
margin-bottom: 3px;
text-decoration: none !important;
}



.upvote-interview-btn, .upvote-interview-btn:hover {
width: 15px;
margin-bottom: 3px;
text-decoration: none !important;
filter: invert(1);
}


.upvoted-interview-btn, .upvoted-interview-btn:hover {
width: 15px;
margin-bottom: 3px;
text-decoration: none !important;
}





.upvote-btn-sm, .upvote-btn-sm:hover {
width: 12px;
margin-right: 2px;
margin-bottom: 3px;
text-decoration: none !important;
filter: invert(1);
}

.upvoted-btn-sm, .upvoted-btn-sm:hover {
width: 12px;
margin-right: 2px;
margin-bottom: 3px;
text-decoration: none !important;
}



img.save-session, img.save-session-home {
width: 15px;
text-decoration: none !important;
filter: invert(1);
float: right;
}


img.saved-session, img.saved-session-home {
width: 15px;
text-decoration: none !important;
float: right;
}


a.save-session-onboarding  img.save-session {
width: 15px;
text-decoration: none !important;
float: right;  
filter: none !important;
}


a.save-session-onboarding  img.saved-session {
width: 15px;
text-decoration: none !important;
float: right;  
filter: none !important;
}


img.reminder, img.reminder-home {
width: 19px;
text-decoration: none !important;
filter: invert(1);
}


img.reminded, img.reminded-home {
width: 19px;
text-decoration: none !important;
}



.request-answer, .request-answer:hover {
text-decoration: none !important;
}

a.upvote-answer, a.upvote-answer:hover {
text-decoration: none !important;
margin-right: 4px;
}


.total-answer-upvotes-high {
color: #00de53;
}

.total-answer-upvotes {
color: #fff;
}

.total-answer-requests-high, .total-comment-requests-high {
color: #009fe3;
}


.total-answer-requests {
color: #111111;
}

.sq-answer-cont {
padding: 10px 5px 10px 5px; 
border: 1px solid #333; 
border-radius: 8px; 
margin-bottom: 20px;
}

.sq-dropdown, .sa-dropdown, .comment-dropdown { 
font-family: Cabin;
margin-right: 5px;
}

a.edit-sess-question-btn, a.edit-sess-question-btn:hover {
color: #fafafa !important;
background-color: transparent !important;
}

a.edit-sess-answer-btn, a.edit-sess-answer-btn:hover {
color: #fafafa !important;
background-color: transparent !important;
}

.sa-media-cont {
margin-bottom: 25px;
font-family: Cabin;
}

.sq-media-heading {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.sqo-img-cont {
margin-top: 5px !important;
}

.sqo-name, .sqo-name:hover {
font-size: 1.2em;
font-family: Cabin;
color: #fafafa;
}

.sqo-occupation {
font-size: 0.8em;
font-family: Cabin;
color: #ccc;
}

.sqo-city-cont {
color: grey; 
font-size: smaller; 
margin-right: 4px;
font-family: Cabin;
}

.sqo-city-img {
width: 9px; 
margin-bottom: 2px;
filter: invert(1);
}

.sq-date {
color: grey; 
font-size: smaller;
font-family: Cabin;
}

.sq-text, .si-text {
font-family: Cabin; 
color: #fafafa;
}

.sq-requests-cont {
margin-bottom: 7px;
}

.sq-answer-btn-cont {
margin-top: 3px;
margin-bottom: 10px;
text-align: right;
}


.sa-media-cont {
margin-bottom: 25px;
}

.sa-img-cont {
margin-top: 5px !important;
}

.sao-name, .sao-name:hover {
font-size: 1.2em;
color: #fafafa;
}

.sao-occupation {
font-size: 0.8em;
color: #ccc;
}

.sao-city-cont {
color: grey; 
font-size: smaller; 
margin-right: 4px;
}

.sao-city-img {
font-size: smaller; 
margin-right: 4px;
width: 9px;
filter: invert(1);
}

.sa-date {
color: grey; 
font-size: smaller;
}

.sa-text {
font-family: Cabin, sans-serif; 
color: #fafafa;
}

.sa-upvote-count {
font-family: Cabin;
}

.sa-comment-cont {
margin-left: 30px; 
font-family: Cabin;
color: #fafafa;
}

.sa-comment-img {
width: 14px !important; 
margin-bottom: 2px  !important; 
margin-right: 2px  !important;
filter: invert(1);
} 

.view-comments, .view-comments:hover {
margin-left: 30px; 
font-family: Cabin; 
font-size: 1em;
color: #fafafa !important;
text-decoration: none !important;
}


.so-answer-requests {
font-family: Cabin;
color: #949494;
}

.editAns-form {
margin-bottom: 7px;
}

.sa-cont {
margin-bottom: 10px;
}


.rm-block, .rm-block:hover {
text-transform: uppercase;
display: block;
text-align: center;
font-family: 'Cabin';
font-size: 0.9em;
text-decoration: none !important;
margin-top: 10px;

}

.session-answer-page {
margin-top: 50px;
margin-bottom:200px;	
padding-right: 1px !important;
padding-left: 1px !important;
}

.session-answer-heading-cont {
margin-bottom: 20px;
}

.session-answer-heading {
font-family: Cabin, sans-serif; 
font-size: 4vh; 
color: #000; 
text-decoration: none; 
letter-spacing: 0.1px;
}
/* end session question */




/* session interview */
.sio-img-cont {
margin-top: 5px !important;
}


.si-owner-cont {
font-family: Cabin, sans-serif;
margin-bottom: 10px;
}


.interview-avatar {
width: 20px;
height: 20px;
border-radius: 50%;
object-fit: cover;
}

.interview-placeholder {
width: 20px;
height: 20px;
filter: invert(1);
border: 1px solid deeppink;
border-radius: 50%;
}


.si-answer-text {
font-family: Cabin, sans-serif;
color: #fafafa;
}

.si-cont {
margin-bottom: 25px;
font-family: Cabin;
}

.si-cont h4 {
color: #ccc !important;
}

.si-img {
width: 30px;
margin-bottom: 30px;
}

.si-answer-btn-cont {
text-align: right;
margin-top: 3px;
margin-bottom: 10px;
}

.si-answer-cont {
padding: 10px 5px 10px 5px; 
border: 1px solid #333; 
border-radius: 8px; 
margin-bottom: 20px;
margin-top: 15px;
}

.si-answer-title {
color: #ccc;
}

.submit-btn, .cancel-btn {
background-color: transparent;
border-color: transparent;
color: #ccc;
font-size: smaller;
text-decoration: none !important;
text-align: right !important;
margin-left: 7px;
display: inline-block !important;
font-family: Cabin;
}


.si-dropdown {
font-family: Cabin, sans-serif;
}


.edit-int-btn {
color: #fafafa !important;
background-color: transparent !important;
}

.program-related-ss-cont {
margin-top: 40px;
}
/* end session interview */




/* comments */




.comment-form-anon-input-cont {
width: 100%;
}

.post-comment-btn, .post-comment-btn:hover, .post-reply-btn, .post-reply-btn:hover {
background-color: #00de53 !important; 
padding: 6px 10px 6px 10px;
border-radius: 20px;
border: 1px solid #00de53;
color: white !important;
}

.char-count-and-post {
display: flex; 
flex-direction: row; 
justify-content: space-between; 
align-items: center; 
margin-top: 8px;
}

input[type="button"], input[type="submit"]{
outline:none;
}
input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
border: 0;
}

.comment-form-avatar {
width: 30px;
height: 30px;
border-radius: 50%;
object-fit: cover;
border: 2px solid #00de53;
}

.comment-form-placeholder {
width: 30px;
height: 30px;
border-radius: 50%;
object-fit: cover;
filter: invert(1);
border: 2px solid #f06292;
}

.comment-form-container {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;

-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;

}



.comment-input-fullname, .comment-input-email {
width: 80%;
border-width: 0px !important; 
box-shadow: none !important;
border-radius: 5px !important;
padding-left: 7px !important;
letter-spacing: 0.3px !important; 
background-color: #111 !important;
border: 1px solid grey !important;
color: #fafafa !important;
}


.comment-input {
width: 100%;
min-height: 1.5em; 
height: 6em;
max-height: 6em; 
overflow-y: auto; 
resize: none; 
padding: 8px;
box-sizing: border-box; 
border: 1px solid grey;
background-color: transparent !important;
border-radius: 4px;
font-size: 14px;
line-height: 1.5;
color: #fafafa;

-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important; 
scroll-behavior: smooth !important;
}

.comment-input::-webkit-scrollbar {
display: none !important;
}



.comment-input-fullname, .comment-input-email {
margin-bottom: 7px !important;
}


.comment-count-heading-container {
color: #fafafa;
}

.comment-count-heading {
color: #fafafa !important;
}

.comment-form, .comment-form-anonymous {
font-family: Cabin;
margin-bottom: 45px;
margin-top: 30px;
}

.comments-container {
margin-top: 40px;
}


.comment-container {
font-family: Cabin;
}


.comment-media-cont {
margin-bottom: 5px;
}

.comment-img-cont {
margin-top: 5px !important;
position: relative;
}

.comment-name, .comment-name:hover {
font-size: 1.1em;
color: #fafafa !important;
}

.comment-occupation {
font-size: 0.8em;
color: grey;
}

.comment-city-cont {
color: grey; 
font-size: 0.8em; 
margin-right: 4px;
}

.comment-city-img { 
font-size: smaller; 
margin-right: 4px;
width: 9px;
filter: invert();
}

.comment-date {
color: grey; 
font-size: 0.8em;
}

.comment-text-cont {
margin-bottom: 4px;
}

.comment-text {
font-family: Cabin; 
color: #fafafa;
font-size: 0.8em;
}

.comment-upvote-count {
font-family: Cabin;
}


.view-replies-btn {
margin-left: 20px;
font-size: 0.8em;
}

.close-comments {
font-size: 3em !important;
}

.total-comment-upvotes-high {
color: #00de53;
}

.total-comment-upvotes {
color: black;
}

.upvote-comment, .upvote-comment:hover {
text-decoration: none !important;
}

.num-replies-cont {
margin-left: 30px; 
font-family: Cabin;
color: #fff;
}

.comment-replies-img {
width:12px !important; 
margin-bottom: 3px  !important; 
margin-right: 2px  !important;
filter: invert(1);
} 

.comment-updated-date {
font-size: 0.7em;
color: grey;
font-family: Cabin;
margin-bottom: 7px;
}

.comment-edit-textarea {
font-size: smaller;
}


.comment-char-count, .reply-char-count, .sess-ans-char-count, .int-ans-char-count, .sess-ques-char-count{
color: grey !important; 
font-size: smaller !important;
font-family: Cabin, sans-serif !important;
text-align: left !important;
}

.comment-img-link {
position: relative;
}


.comment-share-thread-btn {
background-color: transparent !important;
padding: 6px 10px 6px 10px;
border-radius: 20px;
border: 1px solid #fafafa;
color: #fafafa !important;
}

div#shareThreadLink {
font-size: 0em;
width: 0px;
height: 0px;
}

.comment-form-share-thread-cont {
display: flex;
flex-direction: row;
align-items: center;
}


.comment-refresh-btn {
background-color: #111 !important;
padding: 6px 10px 6px 10px;
border-radius: 20px;
border: 1px solid #fafafa;
color: #fafafa !important;
margin-left: 20px;
pointer-events: all;
}


.amina-avatar {
width: 32px;
height: 32px;
border-radius: 50%;
object-fit: cover;
}

.edit-comment-btn, .edit-comment-btn:hover {
color: #fafafa !important;
background-color: #111 !important;
}

.edit-comment-char-count {
color: #ccc !important;
}

.mention-list {
position: absolute;
background: #111;
border: 1px solid #1f2229;
width: 100%;
height: auto;
max-height: 160px;
overflow-y: scroll;
z-index: 1000;
border-radius: 4px;
padding: 15px 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none !important;
scrollbar-width:none !important;  
scroll-behavior: smooth;
}



.mention-item {
padding: 5px 10px;
margin: 4px 0px;
cursor: pointer;
color: #fafafa;
font-size: 1.1em;
font-family: 'Open Sans', sans-serif;
}

.mention-item:hover {
color: #00de53;
}

.mention-avatar {
width: 20px;
height: 20px;
border-radius: 50%;
object-fit: cover;
margin-right: 4px;
}


.suggested-insight-item {
padding: 5px 10px;
margin: 4px 0px;
cursor: pointer;
color: #fafafa;
font-size: 0.9em;
font-family: 'Open Sans', sans-serif;
}

.suggested-insight-item-replies:hover {
color: #03a9f5 !important
}


.suggested-insights-list-replies {
background: #111;
border: 1px solid #1f2229;
width: 100%;
height: auto;
max-height: 160px;
overflow-y: scroll;
z-index: 1000;
border-radius: 4px;
padding: 15px 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none !important;
scrollbar-width:none !important;  
scroll-behavior: smooth;
}


.suggested-insight-item-replies {
padding: 5px 10px;
margin: 4px 0px;
cursor: pointer;
color: #fafafa;
font-size: 0.9em;
font-family: 'Open Sans', sans-serif;
}

.suggested-insight-item-replies:hover {
color: #03a9f5 !important
}


/* new comments modal */

.comments-modal {
padding-right: 0px !important;
}


.comments-modal-body {
padding: 5px !important;
}

.comments-modal-close-cont {
position: fixed;
top: 0px;
z-index: 1051;
background-size: 100%;
background-color: #111;
display: flex;
align-items: center;
justify-content: center;
}



@media (min-width: 1281px) {
.comments-modal-close-cont {
right: 10%;
width: 80%;
}
}

@media (min-width: 1025px) and (max-width: 1280px) {
.comments-modal-close-cont {
right: 10%;
width: 80%;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.comments-modal-close-cont {
right: 0%;
width: 100%;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.comments-modal-close-cont {
right: 0%;
width: 100%;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.comments-modal-close-cont {
right: 0%;
width: 100%;
}
}

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
.comments-modal-close-cont {
right: 0%;
width: 100%;
}
}


@media (min-width: 320px) and (max-width: 480px) {
.comments-modal-close-cont {
right: 0%;
width: 100%;
}
}

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
.comments-modal-close-cont {
right: 0%;
width: 100%;
}
}

.content-comment-flex-cont {
display: flex;
align-items: flex-start;
justify-content: space-between;
}

.content-page {
padding: 0px 5px 0px 0px;
overflow-y: auto;
overflow-x:hidden;
}

.comments-page {
padding: 0px 5px 0px 5px;
overflow-y: auto;
overflow-x:hidden;
font-family: Cabin, sans-serif;
}



.content-page::-webkit-scrollbar, 
.comments-page::-webkit-scrollbar {
width: 8px !important;
}

.content-page::-webkit-scrollbar-track, 
.comments-page::-webkit-scrollbar-track {
background: transparent !important;
}

.content-page::-webkit-scrollbar-thumb, 
.comments-page::-webkit-scrollbar-thumb {
background-color: rgba(100, 100, 100, 0.4) !important;
border-radius: 8px !important;
transition: background-color 0.3s ease !important;
}

.content-page::-webkit-scrollbar-thumb:hover, 
.comments-page::-webkit-scrollbar-thumb:hover {
background-color: rgba(100, 100, 100, 0.6) !important;
}

/* Firefox Scrollbar (>= v64) */
.content-page, .comments-page {
scrollbar-width: thin !important;
scrollbar-color: rgba(100, 100, 100, 0.4) transparent !important;
}

.content-page-score-save-premium {
justify-content: space-between;
margin-bottom: 20px;
position: relative;
display: flex;
align-items: center;
}

.content-page-tags {
margin-top: 10px;
display: flex;
flex-direction: row;
justify-content: flex-end;
}

.content-page-sub-tip-info {
margin-top: 10px;
margin-bottom: 25px;
}

.content-page-business-message {
border: 1px solid #333;
border-radius: 3px;
margin: 5px 0px 40px 0px;
display: flex;
flex-direction: row;
align-items: center;
color: #111;
font-family: Cabin, sans-serif;
max-height: 88px;
overflow-y: hidden;
width: 100%;
}

.content-page-tagged-users {
margin: 40px auto 20px auto;
}


.content-page-upvotes-views-share {
display: flex;
flex-direction: row;
justify-content: space-between;
color: #fafafa;
}

.content-page-upvotes-views-share-cont {
z-index: 10;
}


@media (min-width: 1281px) {

.content-page {
height: 560px;
min-height: 500px;
margin-bottom: 40px;
}

.comments-page {
height: 560px;
min-height: 500px;
}

.content-comment-flex-cont {
flex-direction: row;
}

.comments-page {
flex-basis: 44%;
}

.content-page {
flex-basis: 55%;
}

.content-page-upvotes-views-share-cont {
position: absolute;
bottom: 0;
left: 15px;
width: 550px; 
}

.content-page-upvotes-views-share {
padding: 6px 10px;
background: #1f2229;
margin: 0px 0px 10px 0px;
border-radius: 6px;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3);
}

}


@media (min-width: 1025px) and (max-width: 1280px) {

.content-page {
height: 560px;
min-height: 500px;
flex-basis: 55%;
margin-bottom: 40px;
}

.comments-page {
height: 560px;
min-height: 500px;
flex-basis: 44%;
}


.content-comment-flex-cont {
flex-direction: row;
}

.content-page-upvotes-views-share-cont {
position: absolute;
bottom: 0;
right: 50%;
width: 46%; 
}

.content-page-upvotes-views-share {
padding: 6px 10px;
background: #1f2229;
margin: 0px 0px 10px 0px;
border-radius: 6px;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3);
}

}


@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

.content-comment-flex-cont {
flex-direction: row;
}

.content-page {
height: 1000px;
flex-basis: 55%;
margin-bottom: 40px;
}

.comments-page {
height: 1000px;
flex-basis: 45%;
}

.content-page-upvotes-views-share-cont {
position: relative;
bottom: 0;
left: 5%;
width: 90%; 
}

.content-page-upvotes-views-share {
margin: 0px 0px 40px 0px;
}
}


@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.content-page {
height: 650px;
flex-basis: 55%;
margin-bottom: 40px;
}

.comments-page {
height: 650px;
flex-basis: 45%;
}

.content-comment-flex-cont {
flex-direction: row;
}

.content-page-upvotes-views-share-cont {
position: relative; 
}

.content-page-upvotes-views-share {
margin: 0px 0px 40px 0px;
}
}


@media (min-width: 481px) and (max-width: 767px) {
.content-comment-flex-cont {
flex-direction: column;
}

.comments-page {
height: 100%;
width: 100%;
border-top: 1px solid #222;
}

.content-page {
height: 100%;
width: 100%;
margin-bottom: 0px;
}

.content-page-upvotes-views-share-cont {
position: relative; 
}

.content-page-upvotes-views-share {
margin: 0px 0px 40px 0px;
}

}

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
.content-comment-flex-cont {
flex-direction: column;
}

.comments-page {
height: 100%;
width: 100%;
border-top: 1px solid #222;
}

.content-page {
height: 400px;
width: 100%;
margin-bottom: 0px;
}

.content-page-upvotes-views-share-cont {
position: relative; 
}

.content-page-upvotes-views-share {
margin: 0px 0px 40px 0px;
}
}


@media (min-width: 320px) and (max-width: 480px) {
.content-comment-flex-cont {
flex-direction: column;
}

.comments-page {
height:100%;
width: 100%;
border-top: 1px solid #222;
}

.content-page {
height: 100%;
width: 100%;
margin-bottom: 0px;
}

.content-page-upvotes-views-share-cont {
position: relative; 
}

.content-page-upvotes-views-share {
margin: 0px 0px 40px 0px;
}
}

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
.content-comment-flex-cont {
flex-direction: column;
}

.comments-page {
height:100%;
width: 100%;
border-top: 1px solid #222;
}

.content-page {
height:600px;
width: 100%;
margin-bottom: 0px;
}

.content-page-upvotes-views-share-cont {
position: relative;
}

.content-page-upvotes-views-share {
margin: 0px 0px 40px 0px;
}
}

/* end new comments modal */


.comment-actions-share-thread-cont {
display: flex;
justify-content: space-between;
}

/* end comments */




/* amina comment */

.amina-comment-name, .amina-comment-name:hover {
color: #00de53 !important;
}

/* end amina comment */




/* comment replies */
div.comment-reply-page {
margin-top: 25px;
display: none;
}

.edit-comment-reply-btn, .edit-comment-reply-btn:hover {
background-color: transparent !important;
color: #fafafa !important;
}

.view-replies-btn, .view-replies-btn:hover {
text-decoration: none !important;
color: #fafafa !important;
}

.share-reply-thread {
opacity: 0.7;
font-size: 0.8em;
margin-left: 13px;
}


.thread-copy-back-cont {
display: flex; 
align-items: center;
justify-content: space-between;
}

.thread-copy-back-cont #copy-thread, .thread-copy-back-cont #back-to-thread {
width: 49% !important;
margin-left: 0px !important;
}

.comment-reply-form-avatar {
width: 25px;
height: 25px;
border-radius: 50%;
object-fit: cover;
}

.comment-reply-form-placeholder {
width: 25px;
height: 25px;
border-radius: 50%;
object-fit: cover;
filter: invert(1);
border: 2px solid #f06292;
}

.comment-reply-form-container {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;


-webkit-box-orient: horizontal;   
-webkit-box-direction: normal;   
-webkit-flex-direction: row;   
-ms-flex-direction: row;   
flex-direction: row;

-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;

-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;

-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}



.comment-reply-input {
width: 100%;
min-height: 1.5em; 
max-height: 6em;
height: 6em; 
overflow-y: auto; 
resize: none; 
padding: 8px;
box-sizing: border-box; 
border: 1px solid grey;
background-color: transparent !important;
border-radius: 3px !important;
font-size: 14px;
line-height: 1.5;
color: #fafafa;

-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important; 
scroll-behavior: smooth !important;
}


.comment-reply-input::-webkit-scrollbar {
display: none !important;
}



.comment-reply-container {
font-family: Cabin;
}


.comment-reply-media-cont {
margin-bottom: 25px;
}

.comment-reply-img-cont {
margin-top: 5px !important;
position: relative;
}

.comment-reply-name {
font-size: 0.85em;
color: #fafafa !important;
}

.comment-reply-occupation {
font-size: 0.65em;
color: #ccc;
}

.comment-reply-city-cont {
color: grey; 
font-size: 0.8em; 
margin-right: 4px;
}

.comment-reply-city-img { 
font-size: smaller; 
margin-right: 4px;
width: 9px;
filter: invert(1);
}

.comment-reply-date {
color: grey; 
font-size: 0.8em;
}

.comment-repky-text-cont {
margin-bottom: 4px;
}

.comment-reply-text {
font-family: Cabin, sans-serif; 
color: #fafafa;
font-size: 0.8em;
}

.comment-reply-upvote-count {
font-family: Cabin;
}


.total-comment-upvotes-high {
color: #00de53;
}

.total-comment-upvotes {
color: #fafafa;
}

.upvote-comment, .upvote-comment:hover {
text-decoration: none !important;
}


.comment-reply-updated-date {
font-size: 0.7em;
color: grey;
font-family: Cabin;
margin-bottom: 7px;
}

.comment-reply-edit-textarea {
font-size: smaller;
}


.comment-replies-section {
margin-top: 40px;
}

.comment-reply-img-link {
position: relative;
}

.mention-list-replies {
background: #111;
border: 1px solid #1f2229;
width: 260px;
height: auto;
max-height: 160px;
overflow-y: scroll;
z-index: 1000;
border-radius: 4px;
padding: 15px 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none !important;
scrollbar-width:none !important;  
scroll-behavior: smooth;
}



.mention-item-replies {
padding: 5px 10px;
margin: 4px 0px;
cursor: pointer;
color: #fafafa;
font-size: 0.9em;
font-family: 'Open Sans', sans-serif;
}

.mention-item-replies:hover {
color: #00de53;
}

.mention-avatar-replies {
width: 13px;
height: 13px;
border-radius: 50%;
object-fit: cover;
margin-right: 3px;
}
/* end comment replies */





/* answer question modal  */

.submit-btn, .cancel-btn {
border-radius: 15px !important;
padding: 4px 8px 4px 8px !important;
color: #ccc !important;
font-size: smaller !important;
text-decoration: none !important;
text-align: right !important;
margin-left: 7px !important;
display: inline-block !important;
font-family: Cabin !important;

}



.submit-btn {
border: 1px solid #00de53 !important;
color: white !important;
background-color: #00de53 !important;
}


.cancel-btn {
border: 1px solid #ccc !important;
color: #ccc !important;
background-color: transparent !important;
}

.green-line {
border-top: 1px solid #00de53 !important;
}


.green-line-answer {
border-top: 1px solid #00de53 !important;
margin-top: 10px !important; 
margin-bottom: 10px !important;
}

.thick-green-line {
border-top: 3px solid #00de53 !important;
}

.submit-cancel-cont {
text-align: right;
margin-top: 10px !important;
margin-bottom: 15px !important;
}

.session-ans-char-count, .comment-char-count, .reply-char-count {
color: grey !important; 
font-size: smaller !important;
font-family: Cabin, sans-serif !important;
text-align: left !important;
}

textarea.editable-session-ans, textarea.editable-session-ans:focus {
width: 100% !important;
border: none !important;
outline: none !important;
padding: 0px 5px 5px 5px !important;
overflow-y: scroll !important;
text-align: left !important;
border-radius: 3px !important;
resize: none !important;
word-wrap: break-word !important;
word-break: break-all !important;


-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important; 
scroll-behavior: smooth !important;
background-color: #111 !important;
color: #fafafa;
}


textarea.editable-session-ans::-webkit-scrollbar {
display: none !important;
}

.question-heading-answer-modal {
margin-top: 5%;
color: #ccc;
}

.answer-form-answer-modal {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
margin-top: 30px;
}


.form-cont-answer-modal {
flex-basis: 92%;
}


.placeholder-answer-modal {
width: 30px; 
height: 30px; 
border-radius: 50%; 
object-fit: cover;
}


.avatar-answer-modal {
width: 30px; 
height: 30px; 
border-radius: 50%; 
object-fit: cover;
}

/* end answer question modal  */



/* edit modal  */

.edit-form-edit-modal {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
margin-top: 30px;
}

.avatar-cont-edit-modal {
flex-basis: 8%;
}

.form-cont-edit-modal {
flex-basis: 92%;
}

div[contenteditable=true].editable-session-answer {
color: #fafafa;
border: #ddd !important;
}

.question-heading-edit-modal {
margin-top: 5%;
color: #fafafa;
}

.editable-interview-answer {
color: #fafafa !important;
border: 1px solid #ccc !important;
}

.avatar-edit-modal {
width: 30px; 
height: 30px; 
border-radius: 50%; 
object-fit: cover;
}

.placeholder-edit-modal {
width: 30px; 
height: 30px; 
border-radius: 50%; 
object-fit: cover;
}



div.editable-session-ans, div.editable-session-ans:focus {
width: 100% !important;
border: none !important;
outline: none !important;
padding: 0px 5px 5px 5px !important;
overflow-y: scroll !important;
text-align: left !important;
border-radius: 3px !important;
resize: none !important;
word-wrap: break-word !important;
word-break: break-all !important;


-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important; 
scroll-behavior: smooth !important;
}


div.editable-session-ans::-webkit-scrollbar {
display: none !important;
}
/* end edit modal  */



/* end session page */







/* custom admin  */
.mail-users-form-cont {
padding-top: 30px; 
padding-bottom: 100px; 
margin-left: 35%; 
width: 600px;
}


.drawer-profile-info-cont {
padding-top: 15px; 
padding-bottom: 40px;
padding-left: 7px; 
font-family: Cabin, sans-serif;
}

.drawer-profile-avatar {
width: 45px; 
height: 45px; 
border-radius: 50%; 
object-fit: cover;
}



.drawer-profile-name-cont {
padding-top: 10px; 
padding-bottom: 7px;
}


.drawer-profile-name, .drawer-profile-name:hover {
color:#03d369; 
padding-left: 0px; 
font-size: 1.5em;
}


.sidenav {
height: 100%;
width: 220px;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #101010;
overflow-x: hidden;
padding-top: 20px;
}

.sidenav a {
padding: 6px 8px 6px 16px;
text-decoration: none;
font-size: 1.2em;
color: #818181;
display: block;
font-family: Open Sans Regular;
}

.sidenav a:hover {
color: #f1f1f1;
}

.main { 
font-size: 1.1em; 
padding: 0px 10px;
font-family: Open Sans Semi-bold;
}


@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}


/* end custom admin */




/* logout page */


.logout-page-container {
font-family: Cabin, sans-serif;
position: absolute;
background-color: #111111 !important;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../twocents_app/logout-bg.jpg);
background-blend-mode: overlay;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;  
-o-background-size: cover;

min-width: 100%;
width: 100%;
min-height: 100%;
height: auto;

padding-bottom: 100px;
padding-top: 18vh;

color: white; 
text-align: center; 
}

.logout-page-heading {
font-size: 8vw; 
}

.logout-page-text {
font-size: 3vw; 
margin-bottom: 30px;
}


/* end logout page */




/* char lengths */

div.ques-char-count {
height: 20px;
margin-bottom: 15px;
font-family: Cabin, sans-serif;
color: #ccc !important;
}

/* end chr lengths */





/* feed */

.logo-45 {
width:45px;
height: 45px;
}

.post-card {
border-color: #444;
border-style: solid;
border-width: 1px;
background-color: #111;

padding:  5px 5px 20px 5px;

border-radius: 4px;
margin-bottom: 18px;
overflow: hidden;
}

span.read-more-fpt.html-content img {
width: 100% !important;
max-width: 100% !important;
border-radius: 15px;
}

.feed-upvote-btn, .feed-upvote-btn:hover {
width: 14px;
margin: 0px -2.5px 1.5px 0px;
text-decoration: none !important;
filter: invert(1);
}


.feed-upvoted-btn, .feed-upvoted-btn:hover {
width: 14px;
margin: 0px -2.5px 1.5px 0px;
text-decoration: none !important;
}


.feed-post-user-avatar {
width: 30px;
height: 30px;
border-radius:50%;
object-fit: cover;
border: 2px solid #00de53;
}

.feed-post-user-icon {
width: 30px;
height: 30px;
filter: invert(1);
border: 1px solid deeppink;
border-radius: 50%;
}



.feed-city-cont {
margin-right: 15px;
color: #ccc;
}

.feed-city-stats-cont {
color: grey;
margin-right: 4px;
display: flex; 
flex-direction:row; 
align-items: baseline;
flex-wrap: wrap;
}

.stats-cont,.stats-cont:hover {
display: flex;
flex-direction:row; 
justify-content: space-between; 
align-items: center; 
color: #111 !important;
}

.stats-circle {
width: 8px;
height: 8px;
object-fit: cover;
margin-bottom: 2px;
}

.i-stats-circle-cont {
margin-right: 15px;
}

.stats-circle-cont {
margin-right: 6px;
}

.i-stats-text {
font-weight: bold;
color: #707070;
}

span.stats-text {
color: #707070;
}



.feed-city-img {
width: 8px;
margin-bottom: 3px;
filter: invert(1);
}

.feed-city-name, .feed-city-name:hover {
color: #707070;
}


.feed-post-college-link, .feed-post-college-link:hover {
color: grey !important;
font-size: 0.6em;
display: inline-block;
margin: 0px 3px 0px 1px;
}

.feed-post-colleges-cont {
font-size: 0.6em; 
color: grey;
margin-left: 7px;
}

.feed-tag-img {
width: 15px;
margin-bottom: 1px;
filter: invert(1);
}

.tags-cont {
margin-top: 10px;
display: -webkit-box;      /* Older iOS Safari and Android browsers */
display: -moz-box;         /* Firefox (pre-Firefox 28) */
display: -ms-flexbox;      /* Internet Explorer 10 */
display: -webkit-flex;     /* Chrome, Safari, iOS, Android (old versions) */
display: flex;             /* Standard, modern browsers */

/* Flex-direction (row is default but including it for completeness) */
-webkit-box-orient: horizontal; /* Older Safari */
-webkit-box-direction: normal;  /* Older Safari */
-moz-box-orient: horizontal;    /* Older Firefox */
-moz-box-direction: normal;     /* Older Firefox */
-ms-flex-direction: row;        /* IE 10 */
-webkit-flex-direction: row;    /* Older Chrome, Safari */
flex-direction: row;            /* Standard */

/* Justify content */
-webkit-box-pack: end;        /* Older Safari, iOS */
-moz-box-pack: end;           /* Older Firefox */
-ms-flex-pack: end;           /* IE 10 */
-webkit-justify-content: flex-end; /* Older Chrome, Safari */
justify-content: flex-end;     /* Standard */
width: 100%;
}

.tag-link, .tag-link:hover {
color: #fafafa;
/* padding: 2px 6px 3px 6px; */
/* border-radius: 20px; */
margin-right: 5px;
font-size: 0.8em;
/* background-color: #f6f6f6; */
}

.tag-icon {
width: 15px;
margin-bottom: 1px;
margin-right: 6px;
filter: invert(1);
object-fit: contain;
}

.more-from-user-name {
color: #fafafa;
font-size: 2em;
font-family: Open Sans, sans-serif;
}

.feed-college-img {
height: 12px;
margin-bottom: 3px;
}

.feed-post-user-name, .feed-post-user-name:hover {
color: #fafafa !important;
letter-spacing: -0.04em;
font-size: 1.05em;
}

.feed-post-user-name:hover {
text-decoration: underline !important;
}

a.feed-post-college-link {
color: #707070;
}

a.feed-post-college-link:hover {
text-decoration: underline !important;
}

.feed-session-user-name, .feed-session-user-name:hover {
color: #fafafa;
font-size: 1.2em;
}


.tagged-users-cont {
margin: 40px auto 20px auto;
}

a.feed-post-tagged-user {
color: #ccc !important; 
letter-spacing: -0.4px;
margin-right: 5px;
}

a.feed-post-tagged-user:hover {
text-decoration: underline !important;
color: #fafafa !important; 
}

.feed-post-tagged-user-avatar {
width: 15px;
height: 15px; 
border-radius: 50%; 
object-fit: cover;
margin-bottom: 2px;
/* border: 1px solid #00de53; */
}

.feed-post-text, .feed-post-text:hover {
color: #fafafa !important;
line-height: 1.9em; 
font-size: 1.1em;
overflow-wrap: break-word;
}


.feed-insight-img-cont, .feed-news-img-cont {
display: block;
margin-top: 10px;
margin-bottom: 30px;
}


.feed-insight-img {
border-radius: 15px;
width: 100% !important;
max-width: 100% !important;
}


.insight-img {
width: 100%;
border-radius: 15px;
}


.feed-post-comment-img {
width: 14px !important; 
margin-bottom: 2px  !important; 
margin-right: 2px  !important;
filter: invert(1);
} 

.session-share-link, .session-share-link:hover {
color: black !important; 
font-family: Cabin; 
font-size: 1em; 
text-decoration: none !important;
margin-left: 30px;
}

.share-icon-session {
width: 15px;
margin-right: 1px; 
margin-bottom: 3px;
}


.feed-session-views-questions-cont {
flex-grow: 2;
color: #fafafa;
}


.feed-session-date-info {
font-size: 0.8em;
color: #fafafa;
flex-grow: 2;
}


div.sponsor-and-action-cont a.unsave-session {
background: #111 !important;
color: #ccc !important;
}


div.sponsor-and-action-cont .dropdown-menu {
background: #111 !important;
border-color: #666 !important;
}


.feed-session-share-save-cont {
display: flex; 
flex-direction: row; 
align-items: center; 
justify-content: space-between;
}

.feed-session-interest {
font-size: 0.7em;
margin: 15px 0px 10px 0px;
color: #fafafa;
}

.feed-session-interes span {
color: #707070;
}

a.feed-view-session-btn, a.feed-view-session-btn:hover {
display: block;
color:  #009fe3;
background-color: transparent;
border: 1px solid #009fe3;
border-radius: 20px;
padding: 4px 8px 4px 8px;
font-size: 0.9em;
text-align: right;
text-decoration: none !important;
float: right;
}


.feed-session-share-link, .feed-session-share-link:hover {
color: black !important;
font-size: 1em;
text-decoration: none !important;
}


.feed-session-avatar {
width: 60px;
height: 60px;
border-radius:50%;
object-fit: cover;
border: 2px solid #00de53;
}

.feed-session-save-reminder-cont {
margin-bottom: 30px; 
position: relative;
}

.feed-save-insight-cont {
justify-content: space-between;
margin-bottom: 20px;
position: relative;
display: flex;
align-items: center;
}

.feed-session-save-reminder-link {

}


.feed-session-top-flex-cont {
display: flex; 
flex-direction: row; 
align-items: center; 
justify-content: space-between;
}

.session-with {
font-size: 1.1em;
line-height: 1.1em;
margin-right: 10px; 
padding-left: 8px;
}

.feed-post-occupation {
color: #ccc;
}

.feed-post-education {
font-size: 0.8em; 
color: #707070;
text-overflow: ellipsis; 
white-space: nowrap; 
margin-right: 5px;
}

.feed-session-divide {
margin-bottom: 5px !important;
}

.feed-session-about-cont {
margin-bottom: 10px;
color: #fafafa;
}

.feed-session-about-heading {
color: #707070;
}

.feed-session-view-btn-cont {
margin: 5px 0px 5px 0px;
}

.feed-session-num-views-date-cont {
display: flex; 
flex-direction: row; 
justify-content: space-between; 
margin: 35px 0px 30px 0px;
}

a.upvote-post, a.upvote-post:hover {
text-decoration: none !important;
margin-right: 4px;
color: #fafafa;
}


a.login-upvote-post, a.login-upvote-post:hover {
text-decoration: none !important;
margin-right: 4px;
}


.feed-post-comment-img {
width: 14px !important; 
margin-bottom: 2px  !important; 
margin-right: 2px  !important;
filter: invert(1);
} 


.feed-post-user-avatar-lg {
width: 30px;
height: 30px;
border-radius: 50%;
}


.feed-post-user-icon-lg {
width: 30px;
height: 30px;
filter: invert(1);
border: 1px solid deeppink;
border-radius: 50%;
}

.feed-int-ans-top-cont, .feed-ans-top-cont {
/*font-size: 0.8em; 
color: #707070;*/
}


.feed-int-ans-text {
margin-bottom: 12px;
}


.feed-int-ans-content-cont, .feed-ans-content-cont {
padding: 10px 6px 10px 6px; 
border: 1px solid #dcdcdc; 
border-radius: 4px; 
margin: 7px 0px 15px 0px
}

.feed-ans-question-text {
color: #fafafa;
}

.feed-int-ans-twocents-icon, .feed-ans-twocents-icon {
width: 25px; 
height: 25px; 
border-radius: 50%; 
object-fit: cover;
}

.feed-int-ans-twocents-heading {
font-size: 1.1em;  
color: #fafafa;
letter-spacing: -0.04em;
}

.feed-int-ans-int-text, .feed-int-ans-question-text, .feed-post-text {
margin-top: 7px;
color: #fafafa;
}

.feed-int-ans-int-ans-text, .feed-ans-ans-text {
margin-top: 7px;
color: #fafafa;
}


.post-share-link, .post-share-link:hover {
color: #fafafa !important; 
font-family: Cabin; 
font-size: 1em; 
text-decoration: none !important;
margin-left: 30px;
}

.session-share, .session-share:hover {
margin-left: 0px !important;
}

.post-share-icon {
width: 15px;
margin-right: 1px; 
margin-bottom: 3px;
filter: invert(1);
}

.feed-custom-container { 
font-family: Cabin, sans-serif;
padding-right: 0px !important;
padding-left: 0px !important;
overflow: hidden;

background-color: #111;
padding-bottom: 100px;
}

.feed-custom-column {
padding-right: 0px !important;
padding-left: 0px !important;
}

.shared-answer-text-cont {
font-size: 1em; 
color: #1e1e1e; 
margin-top: 7px;
}

.shared-answer-user-name, .news-heading, .shared-answer-user-name:hover, .news-heading:hover {
color: #fafafa !important;
font-size: 1.6em;
letter-spacing: -0.04em;
}

.shared-answer-user-name:hover {
text-decoration: underline !important;
}

.feed-post-date {
font-size: 0.8em;
color: grey;
margin-left: 10px;
}


.sia-ssa-post-date {
font-size: 0.7em;
color: #707070;
}

.total-post-upvotes-high {
color: #00de53;
}

.total-post-upvotes {
color: #fafafa;
}

div#sharePostLink, div#shareFeedLink {
font-size: 0em;
}


.view-post-comments, .view-post-comments:hover {
margin-left: 30px; 
font-family: Cabin; 
font-size: 1em;
color: black !important;
text-decoration: none !important;
}


.posts-by-filter {
font-size: 1.5em; 
background-color: #fff; 
padding: 6px 6px 6px 6px; 
border-radius: 3px; 
margin-bottom: 20px; 
border: 1px solid #ddd; 
box-shadow: 0 1px 1px rgb(0 0 0 / 5%); 
color: #111;
}

.feed-tabs-cont {
height: auto; 
min-height: 260px;
}

.share-now-block {
padding: 10px 6px 10px 6px; 
margin: 10px 0px 20px 0px; 
border-radius: 3px; 
background-color: #111; 
color: #fff;
border: 1px solid #444;
}

.share-now-top {
font-size: 1.8em;  
display: flex; 
flex-direction: row; 
justify-content: space-between;
font-family: 'Open Sans', sans-serif;
}

.share-now-middle {
font-size: 1.2em; 
margin-top: 10px; 
color: #717171;
}



.share-now-btn, .share-now-btn:hover {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: #1f2229 !important;
color: #fff !important;
font-family: Cabin !important;
font-size: 1.1em !important;
text-align: center !important;
padding: 7px 0px 7px 0px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1.5px solid #1f2229;
margin-top: 30px;
}

.share-now-profile-photo {
width: 35px;
height: 35px;
border-radius: 50%;
object-fit: cover;
}


.share-now-profile-placeholder {
width: 35px;
height: 35px;
border-radius: 50%;
object-fit: cover;
filter: invert(1);
border: 2px solid deeppink;
}


.feed-spaces-block {
margin-top: 40px;
}

.feed-spaces-container {
padding-left: 10px;
}

.topic-card-feed {
border: 1px solid #444;
margin-bottom: 7px; 
font-family: Cabin;
color: #fafafa;
height: 220px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 20px 10px 20px 10px;
border-radius: 3px;
text-align: center;
}


.topic-scroll-item-feed {
font-family: 'Open Sans', sans-serif;
flex: 0 0 auto;

width:  200px;
height: 220px;
margin: 0 5px 0 5px;

object-fit: cover;
overflow: hidden;
}	


.follow-topic-text-feed {
font-size: 1.6rem; 
}


.follow-topic-feed-following-count {
font-size: 0.7em; 
color: #666;
}


.follow-btn-d, .follow-btn-d:hover {
color: #fff;
background-color: transparent;
border: 1px solid #fff;
border-radius: 20px;
padding: 7px 12px 7px 12px;
font-size: 1.3rem; 
text-align: right;
text-decoration: none !important;
}

.topic-card-feed-image {
width: 70px; 
height: 70px; 
border-radius: 50%; 
object-fit:cover;
}

.share-feed-btn, .share-feed-btn:hover {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: #07e156 !important;
color: #111 !important;
font-family: Cabin !important;
font-size: 1.1em !important;
text-align: center !important;
padding: 7px 0px 7px 0px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1.5px solid #07e156;
margin: 20px 0px 10px 0px;
}

.feed-share-feed-block {
background-color: #031136; 
min-height: 200px;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 2px; 
padding: 10px 10px 10px 10px; 
margin: 20px 0px 30px 0px;
font-family: Cabin, sans-serif;
}

.feed-share-block-text {
color: white;
font-size: 1.2em;
}

.feed-share-block-heading {
color: white;
font-size: 2.5em;
}


.question-scroll-item {
font-family: 'Open Sans', sans-serif;
flex: 0 0 auto;

width:  280px;
height: 250px;
margin: 0 5px 0 5px;
border-radius: 3px !important;

object-fit: cover;
overflow: hidden;
}

.question-card-landing {
padding: 15px 12px 10px 12px;
position: relative;
height: 250px;

border:  1px solid #333;
background-color: #111;
border-radius: 4px;
color: #fafafa;
}

.question-landing-owner {
font-family: Cabin, sans-serif; 
font-size: 1.3em; 
color: #ccc !important;

}

.question-landing-date-cont {
margin-top: -10px;
}

.question-landing-text-cont {
margin-top: -13px;
}

.question-landing-answer, .question-landing-answer:hover {
font-family: Cabin, sans-serif !important;
color: #fafafa !important;
}

.feed-sidebar-icon {
width: 30px;
float: left;
margin-right: 3px;
}

.feed-sidebar-text {
font-size: 0.9em;
/* text-align: center; */
}

.get-started-feed-item-cont, .get-started-feed-item-cont:hover  {
border: 1px solid #444; 
border-radius: 3px; 
padding: 10px 5px 10px 5px;
margin: 12px 0px 12px 0px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;	
color: #111;		
}

.get-started-feed-item-text {
width: 85%;
color: #fafafa;
}


.feed-trending-block {
border-color: #333;
border-style: solid;
border-width: 1px;
background-color: #111;

padding:  20px 14px 10px 10px;

border-radius: 4px;
margin-bottom: 15px;
}


.feed-trending-block-tr {
background-color: #111;

padding:  20px 14px 10px 10px;

border-radius: 4px;
margin-top: 30px;
margin-bottom: 15px;
}

.feed-trending-container {
margin-bottom: 10px !important;
}

.feed-trending-item-cont, .feed-trending-item-cont:hover  {
margin: 12px 0px 12px 0px;
display: flex;
flex-direction: row;
align-items: center;	
color: #111;	
font-family: Cabin, sans-serif;
min-height: 100px;	
background-color: transparent;
}

.feed-trending-image {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 8px;
}

.feed-trending-column {
flex: 0 0 auto;  
margin-right: 7px;
}



@media (min-width: 1281px) {
.feed-trending-column {
width: auto; 
}
}


@media (min-width: 1025px) and (max-width: 1280px) {
.feed-trending-column {
width: auto;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.feed-trending-column {
width: auto; 
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.feed-trending-column {
width: auto; 
}
}

@media (min-width: 481px) and (max-width: 767px) {
.feed-trending-column {
width: 92%;  
}
}

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
.feed-trending-column {
width: 92%;  
}
}


@media (min-width: 320px) and (max-width: 480px) {
.feed-trending-column {
width: 92%;  
}
}

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
.feed-trending-column {
width: 92%;  
}
}



.feed-trending-image-cont {
margin-right: 15px;
position: relative;
}

.feed-trending-title {
font-size: 0.95em; 
color: beige;
}

.feed-trending-owner {
font-size: 0.8em; 
color: grey;
}

.feed-trending-text {
font-size: 0.9em;
color: #fafafa;
}

.feed-post-media-heading {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: -5px !important;
}


.iotd-title, .iotd-title:hover {
display: block; 
color: #fff; 
margin-left: 7px; 
font-family: Cabin;
}

.feed-potd-block {
background-color: #031136; 
height: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 3px; 
padding: 10px 10px 20px 10px; 
margin: 20px 0px 30px 0px;
font-family: 'Open Sans', sans-serif;
border-color: #031136;
border-style: solid;
border-width: 1px;
}


.feed-featured-contributor-block {
min-height: 550px;
background-color: #031136; 
height: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 3px; 
padding: 10px 10px 20px 10px; 
margin: 20px 0px 30px 0px;
font-family: 'Open Sans', sans-serif;
border-color: #031136;
border-style: solid;
border-width: 1px;
}

.iotd-avatar {
width: 55px;
height: 55px;
border-radius:50%;
object-fit: cover;
margin-bottom: 3px;
margin-left: 4px;
}


.iotd-btn, .iotd-btn:hover {
display: inline-block !important;
width: 49% !important;
height: auto !important;
background-color: #07e156 !important;
color: #111 !important;
font-family: Cabin !important;
font-size: 1.1em !important;
text-align: center !important;
padding: 7px 0px 7px 0px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1.5px solid #07e156;
font-weight: bold;
text-transform: uppercase;
}

.iotd-share-btn, .iotd-share-btn:hover {
display: inline-block !important;
width: 49% !important;
height: auto !important;
background-color: transparent !important;
color: #fff !important;
font-family: Cabin !important;
font-size: 1.1em !important;
text-align: center !important;
padding: 7px 0px 7px 0px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1.5px solid #fff;
text-transform: uppercase;
}

.iotd-logo-cont {
margin-left: -15px;
float: right;
}

.iotd-logo {
width: 150px;
}


.iotd-heading {
font-family: Open Sans, sans-serif;
font-size: 4em; 
color: #fff; 
line-height: 1.1em; 
text-transform: uppercase;
letter-spacing: -1px;
}

.bright-green {
color: #00de53;
}

.iotd-image-title-cont {
display: flex; 
flex-direction: row; 
align-items: center; 
margin-bottom: 7px;
}

.iotd-image {
width: 70px; 
height: 70px; 
border-radius: 50%;
object-fit: cover;
}

.iotd-text, .iotd-text:hover {
display: block; 
font-size: 1.2em; 
color: #fff; 
margin-bottom: 35px; 
font-family: 'Open Sans';
}

.iotd-by {
font-size: 1.2em; 
color: #111;
}

.iotd-owner-name {
font-size: 1.5em; 
color: #fff;
}


.iotd-city-cont {
margin-top: 5px;
margin-bottom: 20px;
}


.iotd-city-icon {
height: 13px;
}


.iotd-city {
color: #fff; 
font-size: 1em; 
font-family: 'Open Sans', sans-serif;
}

.iotd-bottom-links-cont {
display: flex; 
flex-direction:row; 
justify-content:space-between; 
align-items:center;
}

.gge-card {
background-color:  transparent;
margin-bottom: 18px;
}

.gge-card-cont {
display: flex; 
flex-direction: row; 
justify-content: space-between;
}

.gge-item {
border: 1px solid grey; 
border-radius: 3px;
padding: 15px 3px 15px 3px; 
flex: 0 1 33%;
background-color: #111;
}

.gge-icon {
height: 35px
}

.gge-text {
text-align: center; 
font-size: 1.5em;
color: #fafafa;
}

.user-card-feed {
background-color: transparent;
margin-bottom: 7px;
font-family: Cabin;
color: #fafafa;
height: 240px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px 10px 20px 10px;
border-radius: 7px;
border: 1px solid #444;
text-align: center;
}

.user-scroll-item-feed {
font-family: 'Open Sans', sans-serif;
flex: 0 0 auto;
width: 200px;
height: 240px;
margin: 0 5px 0 5px;
object-fit: cover;
overflow: hidden;
}

.follow-user-text-feed {
font-size: 1.6rem;
margin-top: 10px; 
margin-bottom: 10px;
}


.follow-user-image-cont {
margin-top: 5px; 
margin-bottom: 5px;
}

.follow-user-follow-cont {
margin-top: 15px; 
margin-bottom: 5px;
}

.follow-user-feed-following-count {
font-size: 0.7em;
color: #ccc;
}


.user-card-feed-image {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
}

.user-card-feed-placeholder-image {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
filter: invert(1);
}


.feed-stats-block {
display: flex; 
flex-direction:row; 
justify-content: space-between; 
height: 300px;
margin-top: 50px;
margin-bottom: 50px;

}

.feed-stat-1-block {
background-color: #031136; 
border-radius: 3px; 
padding: 20px 15px 20px 15px !important; 
min-height: 100%;
width: 49%;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.feed-stat-2-block {
background-color: #07e156;
border-radius: 3px; 
padding: 23px 30px 30px 30px !important; 
min-height: 100%;
width: 49%;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.feed-stat-1-icon {
width: 60px;
}

.feed-stat-2-icon {
width: 60px;
}

.feed-stat-1-text-1 {
color: white; 
text-align: center;
}

.feed-stat-1-text-2 {
color: white; 
text-align: center; 
}

.feed-stat-1-hr {
width: 40%;
border-top: 3px solid #00de53 !important;
}

.feed-stat-2-text-1 {
color: #111;  
text-align: center; 
}

.feed-stat-2-text-2 {
color: #111; 
text-align: center;
}

.feed-stat-2-hr {
width: 40%;
border-top: 3px solid #111 !important;
}


.stats-info-insight-heading {
margin-top: 20px; 
margin-bottom: 4px; 
font-size: 0.7em;
}

.stats-info-score-count {
font-weight: bold;
font-size: 1.2em;
padding-bottom: 3px;
border-bottom-style: solid;
border-bottom-width: 5px;
border-bottom-color: #00de53;
width: max-content;
margin-right: auto;
margin-left: auto;
}

.stats-info-view-full-stats, .stats-info-view-full-stats:hover {
display: block;
text-transform: uppercase;
font-size: 0.75em;
color: #fafafa !important;
border: 1px solid #fafafa;
padding: 6px 12px;
border-radius: 20px;
margin-top: 20px;
}




.read-time {
margin-left: 10px; 
font-size: 0.8em;
color: #707070;
}

.read-time-bullet {
margin-left: 10px;
}


a.login-save-insight img.save-insight {
height: 18px;
float: right;
filter: invert(1);
}


a.save-insight img.save-insight {
height: 18px;
float: right;
filter: invert(1);
}

a.save-insight img.saved-insight  {
height: 18px;
float: right;
}


a.save-insight-onboarding img.save-insight {
height: 18px;
float: right;
}

a.save-insight-onboarding img.saved-insight {
height: 18px;
float: right;
}

a.login-save-insight-onboarding img.save-insight {
height: 18px;
float: right;
}


.stats-main {
height: 1.8rem;
}


.custom-default-panel {
background-color: #111 !important;
border-color: #444 !important;
}


.panel-stats-heading {
font-family: Cabin, sans-serif;
font-size: 1.8rem;
line-height: 1.8rem;
color: #303030;
margin-bottom: 30px;
}

.panel-custom-heading-flex-content {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
color: #fafafa;
}

.main-stats-tips-amount-cont {
display: flex; 
flex-direction: row; 
justify-content: space-between;
align-items: center;
margin-top: 10px;
margin-bottom: 5px;
font-size: 80%;
}

.feed-main-stats-score-cont {
margin-top: 10px;
margin-bottom: 5px;
}

.feed-main-stats-item {
font-size: 0.55em;
display: flex; 
flex-direction: row; 
justify-content: flex-start; 
/* width: 33%;  */
align-items: center;
color: #fafafa;
}

.feed-main-stats-items-cont {
display: flex; 
flex-direction: row; 
justify-content: space-between;
}

.main-stats-circle {
width: 8px;
height: 8px;
/* object-fit: cover; */
margin: 1px 3px 0px 0px;
}

.main-stats-insight-cont {
font-family: Open Sans, sans-serif;
background-color: #1f2229;
padding: 3px 10px 3px 10px;
border: 1px solid #1f2229;
border-radius: 4px;
/* margin-right: 15px; */

text-align: justify;

display: flex; 
flex-direction: row; 
justify-content: space-between; 
align-items: center;
margin-bottom: 20px;
}

.main-stats-insight-count, .main-stats-score-count {
font-size: 1.8em;
color: #fafafa;
}

.main-stats-write-share-earn {
font-size: 2.1em;
color: #fafafa;
}

.main-stats-write-share-earn-divide {
color: #fafafa;  
}

.write-share-earn-btn, .write-share-earn-btn:hover {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: #1f2229 !important;
color: #fafafa !important;
font-family: Cabin !important;
font-size: 1.1em !important;
text-align: center !important;
padding: 7px 0px 7px 0px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1.5px solid #1f2229;
margin-top: 30px;
margin-bottom: 30px;
}

.main-stats-insight-text, .main-stats-score-text {
font-size: 0.7em;
color: #fafafa;
}

.main-stats-divide-icon {
height: 12px;
filter: invert(1);
}

.main-stats-net-earned-cont { 
font-family: Open Sans, sans-serif;
background-color: #f5f5f5;
padding: 3px 10px 3px 10px;
border: 1px solid #eee;
border-radius: 4px;
/* margin-right: 15px; */
display: inline-block;
flex-basis: 47%;
text-align: justify;
color: #333 !important;
}

.main-stats-net-earned-amount {
font-size: 3em;
}

.main-stats-net-earned-text {
font-size: 1.2em;
}

.feed-mosaic-text {
color: white; 
font-family: Cabin, sans-serif; 
font-size: 0.9em; 
text-align: center;
}

.feed-mosaic-cont {
background-size: cover;
width: 100%;
height: 60px;
border-radius: 5px;
margin-bottom: 20px;
}

.feed-mosaic-image {
background-image: url(../twocents_app/african-mosaic-feed.jpg);
}

.feed-mosaic-overlay {
background: rgba(0,0,0, 0.5);
background-size: cover;
overflow: hidden;
padding: 4px 10px 4px 10px;
min-height: 100%;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
}

.loading-feed-block {
margin-bottom: 100px;
}

.mv-insight-item {
background-color: #2A363B;
margin-bottom: 7px;
vertical-align: middle;
font-family: Cabin;
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
flex: 0 0 auto;
width: 160px;
height: 290px;
margin: 0 5px 0 5px;
object-fit: cover;
overflow: hidden;
border-radius: 5px;
}

.mv-insight-interest-cont {
display: flex; 
justify-content: space-between; 
align-items: center;
}

.mv-insight-main-flex-cont {
display: flex; 
flex-direction: row; 
justify-content: space-between;
}

.mv-insight-in {
font-size: 0.6em;
}

.mv-insight-interest {
font-size: 1.3em;
color: white;
display: inline-block;
text-decoration: underline;
text-decoration-thickness: 3px;
text-decoration-color: #00de53;
text-decoration-skip-ink: none;
}

.mv-insight-text, .mv-insight-text:hover {
font-size: 1em;
color: white;
}

.mv-insight-owner {
font-size: 0.7em; 
color: white;
}

.saw-session-item {
height: 250px;
width: 350px;

background-color: #222;
vertical-align: middle;
font-family: Cabin, sans-serif;

background-size: 100%; 
background-position: center center; 
background-repeat: no-repeat;
-webkit-background-size: cover; 
background-size: cover;

flex: 0 0 auto;
margin: 0 5px 0 5px;
object-fit: cover;
overflow: hidden;
}

.saw-occupation {
font-size: 1rem;
color: white;
opacity: 60%;
}

.saw-tag, .saw-tag:hover {
font-size: 0.7em;
color: white !important;
}

.saw-interest, .saw-interest:hover {
font-size: 0.9em !important;
color: white !important;
text-decoration: underline !important;
text-decoration-thickness: 3px !important;
text-decoration-color: #009fe3 !important;
text-decoration-skip-ink: none !important;
}

.saw-city-cont {
margin-top: 5px;
margin-bottom: 20px;
}

.saw-city-icon {
height: 10px;
}

.saw-city {
color: #fff; 
font-size: 0.85em; 
font-family: 'Open Sans', sans-serif;
}

.saw-avatar {
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
}

.saw-owner, .saw-owner:hover {
font-size: 1.5rem;
color: white;
flex-basis: 75%;
}

.lcs-item {
height: 500px;
width: 210px;

vertical-align: middle;
font-family: Cabin, sans-serif;

flex: 0 0 auto;
margin: 0 5px 0 5px;
object-fit: cover;
overflow: hidden;

border-radius: 5px;

text-decoration: none !important;
border: 1px solid #333;
}

.lcs-overlay {
background: rgba(0,0,0, 0.2);
overflow: hidden;
height: 100%;
z-index: 2;
padding: 4px 10px 4px 10px;
text-align: left;
position: relative;

}

.lcs-top {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
height: 65%;
}

.lcs-bottom {
height: 33%; 
background-color: #111; 
padding: 6px 10px 6px 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.lcs-footer {
height: 2%; 
width: 100%;
}

.lcs-space, .lcs-space:hover {
font-size: 1.8em; 
color: white;
}

.lcs-following {
font-size: 1.1em; 
color: white; 
text-align: right;
}



.iiys-item {
height: 300px;
width: 150px;

vertical-align: middle;
font-family: Cabin, sans-serif;

flex: 0 0 auto;
margin: 0 5px 0 5px;
object-fit: cover;
overflow: hidden;

border-radius: 5px;

text-decoration: none !important;
border: 1px solid #333;
}

.iiys-overlay {
background: rgba(0,0,0, 0.2);
overflow: hidden;
height: 100%;
z-index: 2;
padding: 4px 10px 4px 10px;
text-align: left;

}

.iiys-top {
display: block !important;
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
height: 65%;
}

.iiys-image {
object-fit: cover;
height: 100%;
width: 100%;
}

.iiys-bottom {
height: 33%; 
background-color: #111; 
padding: 6px 10px 6px 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.iiys-footer {
height: 2%; 
width: 100%;
background-color: #00de53;
}

.iiys-title, .iiys-title:hover {
font-size: 0.85em; 
color: beige;
}

.iiys-space {
font-size: 0.7em; 
color: white; 
opacity: 0.6;
}

.iiys-owner {
font-size: 0.7em; 
color: #fafafa; 
text-align: right;
}

.unpopular-block {
background-color: #031136; 
min-height: 500px;
height: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 10px; 
margin: 60px 4px 30px 4px;
font-family: 'Open Sans', sans-serif;

background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;

object-fit: cover;
overflow: hidden;
}  

.unpopular-block-overlay {
background: rgba(0,0,0, 0.7);
overflow: hidden;
min-height: 500px;
height: auto;
z-index: 2;
padding:30px 30px 60px 30px;
text-align: left;
display: flex;
flex-direction: column;
justify-content: space-between;
color: white;
}


.unpopular-title {
font-family: Cabin, sans-serif !important;
}


.view-unpopular-insight, .view-all-top-contributors {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: #00de53 !important;
color: #fff !important;
font-family: Cabin, sans-serif !important;
font-size: 1.1em !important;
text-align: center !important;
padding: 7px 0px 7px 0px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1.5px solid #00de53;
border-radius: 1px;
}

.unpopular-heading {
font-size: 3.5em;
}

.unpopular-insight-owner-avatar {
width: 20px;
height: 20px;
border-radius: 50%;
object-fit: cover;
}

.unpopular-insight-owner-cont {
margin: 2px 0px 20px 0px !important;
}

.unpopular-insight-text {
text-align: justify;
margin-bottom: 20px;
}

.feed-no-bg-block {
background-color: transparent; 
height: auto;
min-height: 500px;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 3px; 
padding: 10px 10px 20px 10px; 
margin: 50px 0px 30px 0px;
font-family: 'Open Sans', sans-serif;
border-color: transparent;
border-style: solid;
border-width: 1px;

}

.users-in-your-city-top-cont {
display: flex; 
flex-direction: row; 
justify-content: space-between;
align-items: center;
margin-bottom: 50px
}

.users-in-your-city-heading {
color: #333; 
}

.users-in-your-city-icon {
height: 200px;
opacity: 0.06;
}

.users-in-your-city-logo-cont {
margin-bottom: 40px;
}

.tiny-location {
height:13px;
filter: invert(1);
}

.space-item, .space-item:hover {
display: inline-block;
width: auto;
height: auto;
padding: 4px 12px 4px 12px;
border-radius: 2px;
vertical-align: middle;
font-family: Cabin, sans-serif;
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
flex: 0 0 auto;
margin: 5px 5px 5px 5px;
object-fit: cover;
overflow: hidden;
text-decoration: none !important;
}

h5.insight-post-comment-heading {
color: #ccc !important;
font-weight: normal !important;
}

.amazing-insights-message {
color: #ccc !important;
}

.about-paid-cc-text {
color: #fafafa;
}


.feed-top-contributors-block {
background-color: #031136; 
height: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 3px; 
padding: 10px 10px 20px 10px; 
margin: 20px 0px 30px 0px;
font-family: 'Open Sans', sans-serif;
border-color: #031136;
border-style: solid;
border-width: 1px;
}


.feed-top-contributors-main-cont {
display: flex; 
flex-direction: column; 
justify-content: space-between;
}

.feed-top-contributors-top-cont {
display: flex; 
flex-direction: row;  
align-items: center;
}

.feed-top-contributors-top-image {
width: 90px; 
height: 90px; 
object-fit: cover; 
border-radius: 6px;
}

.feed-top-contributors-heading-cont {
margin-left: 4px;
}

.feed-top-contributors-main-heading {
color: #fafafa; 
font-family: Cabin, sans-serif; 
}

.feed-top-contributors-subheading {
color: grey; 
font-family: Cabin, sans-serif; 
font-size: 1.2em;
}

.feed-contributor-rank-stats-score {
color: #fafafa;
}

.feed-contributor-rank-date-joined {
color: #fafafa;
}


.feed-contributor-rank-city-icon {
filter: invert(1);
height: 10px;
margin-bottom: 0px;
}


.feed-contributor-rank-writes-on {
color: #fafafa;
}


.contributor-rank-user-avatar-link {
position: relative;
}

.contributor-rank-user-name, .contributor-rank-user-name:hover {
color: #fafafa;
letter-spacing: -0.04em;
font-size: 1.05em;
}

.contributor-rank-user-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
}


.contributor-rank-user-placeholder {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
filter: invert(1);
border: 2px solid deeppink;
}


.how-to-earn-card {
background-color: transparent;
margin-bottom: 60px;
}

.how-to-earn-card-cont {
display: flex;
flex-direction: row;
justify-content: space-between;
}

.how-to-earn-item {
border: 1px solid #444;
border-radius: 3px;
padding: 10px;
flex: 0 1 32.5%;
background-color: transparent;

display: flex;
flex-direction: column;
justify-content: space-around;
align-items: flex-start;

height: 180px;
}

.how-to-earn-icon {
display: block;
height: 35px;
height: 1.8em;
margin-bottom: 4px;
}


.how-to-earn-number {
display: flex;
align-items: center;
justify-content: center;
font-size: 1.85em;
color: #00de53;
border-radius: 50%;
width: 40px;
height: 40px;
text-align: center;
background-color: transparent;
border: 2px solid #333;
margin-bottom: 5px;
}


.how-to-earn-heading {
text-align: left;
color: #fafafa;
}

.how-to-earn-text {
text-align: left;
color: #999;
}

.medium-insight-card-item {
height: 300px;
width: 150px;
vertical-align: middle;
font-family: Cabin, sans-serif;
flex: 0 0 auto;
margin: 0 5px 0 5px;
object-fit: cover;
overflow: hidden;
border-radius: 5px;
text-decoration: none !important;
border: 1px solid #333;
}

.medium-insight-card-top {
display: block !important;
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
height: 55%;
}

.medium-insight-card-bottom {
height: 45%;
background-color: #111;
padding: 6px 10px 6px 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.medium-insight-card-title, .medium-insight-card-title:hover {
font-size: 1em;
color: white;
}

.medium-insight-card-space {
font-size: 0.7em;
color: beige;
opacity: 0.6;
}

.medium-insight-card-owner {
font-size: 0.7em;
color: #999;
text-align: right;
}

.medium-insight-card-avatar {
width: 15px;
height: 15px;
border-radius: 50%;
object-fit: cover;
border: 1px solid #07e156;
}


.recent-insights-feed-premium-tag {
color: #fafafa !important;
}

.recent-insights-feed-premium-icon {
height: 20px;
}

.recent-insights-feed-premium-top-cont {
display: flex; 
flex-direction: row; 
justify-content: space-between;
}


.showcase-birthday-subheading {
margin: 3px 0px 15px 0px;
font-size: 1.2em;
color: #999;
}

.showcase-birthday-heading {
font-family: Cabin;
font-size: 2.5rem;
line-height: 2.5rem;
color: #fafafa;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
padding-left: 8px;
border-left: 6px solid deeppink; 
margin-bottom: 7px;
}


.birthday-user-card-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
}


.birthday-user-card-avatar-placeholder {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
filter: invert(1);
border: 1px solid #00de53
}



.feed-filters-modal {
font-family: Open Sans, sans-serif;
}

.radio-group {
margin-bottom: 2rem;
font-family: Open Sans, sans-serif;

color: #fafafa !important;
padding: 7px 9px;
border-radius: 4px;
background-color: #1f2229;
display: block;
font-size: 1.1em;
}

.radio-option {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0.75rem;
cursor: pointer;
font-family: Open Sans, sans-serif !important;
font-weight: normal !important;
}

.radio-option input[type="radio"] {
appearance: none !important;
-webkit-appearance: none !important;
width: 18px;
height: 18px;
border: 2px solid #666;
border-radius: 50%;
position: relative;
transition: border-color 0.2s ease-in-out;
margin: 0 10px 0 0 !important;
}

.radio-option input[type="radio"]:checked {
border-color: #00df53 !important;
}

.radio-option input[type="radio"]:checked::before {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 8px;
height: 8px;
background: #00df53 !important;
border-radius: 50%;
}

.section-title {
color: #ccc;
display: inline-block;
margin-bottom: 1rem;
font-family: Open Sans, sans-serif;
font-size: 0.7em;
text-transform: uppercase;
border-bottom: 4px solid #007bff;
}



.toast {
position: fixed;
bottom: -100px;
background-color: #111;
color: #fff;
text-align: center;
padding: 14px 24px;
border-radius: 8px;
font-size: 15px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
z-index: 9999;
opacity: 0;
transition: all 0.2s ease;
}

.toast.show-toast {
opacity: 1 !important;
}

.toast.success {
background-color: #111;
}

.toast.error {
background-color: #dc3545;
}



@media (min-width: 1281px) {
.toast {
width: 25%;
left: 5%; 
} 

.toast.show-toast {
bottom: 30px;
}

}


@media (min-width: 1025px) and (max-width: 1280px) {
.toast {
width: 25%; 
left: 5%; 
}

.toast.show-toast {
bottom: 30px;
}

}


@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.toast {
width: 50%; 
left: 15%; 
}

.toast.show-toast {
bottom: 60px;
}

}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.toast {
width: 50%; 
left: 15%; 
bottom: 60px;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.toast {
width:98%; 
left: 1%; 
}

.toast.show-toast {
bottom: 60px;
}

}

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
.toast {
width: 80%; 
left: 10%; 
}

.toast.show-toast {
bottom: 60px;
}

}


@media (min-width: 320px) and (max-width: 480px) {
.toast {
width:98%; 
left: 1%; 
}

.toast.show-toast {
bottom: 60px;
}

}

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
.toast {
width: 80%; 
left: 10%; 
}

.toast.show-toast {
bottom: 60px;
}
}

.feed-Tabs {
margin-bottom: 60px;
}

/* end feed */



/* feed post pages */
.similar-content-heading {
font-family: Open Sans, sans-serif;
font-size: 4vh; 
line-height: 3.3vh;
margin-left: 10px; 
margin-bottom: 20px; 
padding-left:8px;
border-left-style: solid;
border-left-width: 8px;
border-left-color: #00de53;

color: #ccc !important;
}


.similar-content-container {
margin: 60px 0px 70px 0px;
padding-right: 0px !important;
padding-left: 0px !important;
}

.similar-content-item {
font-family: Cabin;
margin: 0 0 40px 0;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
object-fit: cover;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}


.similar-content-image {
width: 100%;
width: 100%; 
height: 260px; 
object-fit: cover;
border-radius: 10px;
margin-bottom: 16px;
}


.similar-content-content-cont {
display: flex;
flex-direction: column; 
justify-content: space-between;
height: 100%;
background-color: transparent;
padding: 10px 5px 10px 5px !important;
}


.similar-content-stats-cont {
display: flex; 
flex-direction:row; 
justify-content:space-between;
}

.sc-stat {
color: grey; 
font-size: 0.8em;
}


.sc-interest, .sc-interest:hover {
font-size: 0.8em;
color: #009fe3 !important;
}

.sc-user-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
}

.sc-user-placeholder {
width: 40px;
height: 40px;
filter: invert(1);
border: 2px solid deeppink;
border-radius: 50%;
}

.sc-right-btn {
position: absolute;
visibility: hidden;
z-index: 10;
bottom: 50px;
right: -23px;
}

.sc-left-btn {
position: absolute;
visibility: hidden;
z-index: 10;
bottom: 50px;
left: -20px;
}

.sc-text, .sc-text:hover {
color: #fafafa;
}

.sc-title-cont {
margin-bottom: 3px; 
margin-top: 5px;
color: #ccc;
}

.sc-title, .sc-title:hover {
letter-spacing: 0.1px;
font-size:  1.4em;
color: beige !important;
}

.sc-owner-name {
color: #fafafa;
font-size: 1em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.sc-city-img {
width: 8px;
margin-bottom: 3px;
filter: invert(1);
}

.sc-city-name {
font-family: Cabin, sans-serif;
font-size: 0.8em;
color: #717171;
}

.feed-views-icon {
height: 12px; 
margin-bottom: 1px;
filter: invert(1);
}

.feed-post-actions-flex-container {
display: flex; 
flex-direction: row; 
justify-content: space-between;
color: #fafafa;
}

.go-to-feed {
margin-top: 30px;
}

.insight-page {
font-family: Cabin, sans-serif;
margin-bottom:200px;  
}

.unpublished-insight-page {
position: absolute; 
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: white;
}


/* news styles */

.news-page {
font-family: Cabin, sans-serif;
margin-bottom: 150px;  
}

.news-image {
height: 300px;
width: 300px;
object-fit: cover;
margin: 10px;
border-radius: 15px;
}


.news-image-fw {
border-radius: 15px;
width: 100% !important;
max-width: 100% !important;
margin-top: 10px;
margin-bottom: 30px;
}


.news-images-scroll-left {
visibility: hidden;
z-index: 10;
position: absolute;
left: 40px;
}


.news-images-scroll-right {
visibility: hidden;
z-index: 10;
position: absolute;
right: 40px;
}



.feed-news-images-block {

}

.news-images-scroll-outer-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: center;
}


.news-images-scroll-inner-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex: auto;
overflow-x: auto;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent !important;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none;
scroll-behavior: smooth;
padding: 0px 10px 0px 10px;
}

.news-images-scroll-inner-container::-webkit-scrollbar {
display: none !important;    
}


.news-in-comment-modal-cont {
margin-top: 45px;
}

/* end news styles */



.zero-padding-container {
padding-right: 0px !important;
padding-left: 0px !important;
}

.post-dropdown { 
font-family: Cabin;
margin-right: 5px;
}


img.post-dropdown-toggle {
width: 20px;
filter: invert(1);
}

.shared-cont-edit-modal {
padding: 10px 6px 10px 6px;
border: 1px solid #dcdcdc;
border-radius: 4px;
margin: 20px 0px 15px 0px;
}

div.editable-ss-ans, div.editable-insight, div.editable-ssa, div.editable-sia {
border:  1px solid #f2f2f2;
padding: 3px 6px 8px 4px;
border-radius: 3px;
}


div.editable-insight {
overflow-y: scroll;
height: 500px;
}


.bigFilter-form {
margin: 0px 15px 20px 15px;
}


form.bigFilter-form .form-control::-moz-placeholder {
color: #f8d617 !important;
opacity: 1 !important;
font-size: 0.8em !important;
}
form.bigFilter-form .form-control:-ms-input-placeholder {
color: #f8d617 !important;
opacity: 1 !important;
font-size: 0.8em !important;
}

form.bigFilter-form .form-control::-webkit-input-placeholder {
color: #f8d617 !important;
opacity: 1 !important;
font-size: 0.8em !important;
}


form.bigFilter-form label {
display: block;
font-size: 1.1em !important;
font-family: Cabin !important;
font-weight: 100 !important;
}


.share-insight-large {
margin-bottom: 30px;
}


.feed-sec {
background-color: #00de53; 
color: white;
}

.feed-sec-flex-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}

.visit-feed-btn, .visit-feed-btn:hover {
display: block;
width: 200px;
font-size: 1.4em;
color: #fff;
background-color: #111;
border: 1px solid #111;
border-radius: 30px;
padding: 15px 15px 15px 15px;
text-align: center;
text-decoration: none !important;
margin: 20px auto 0px auto;
font-family: Open Sans, sans-serif;
}


.visit-feed-btn-green, .visit-feed-btn-green:hover {
display: block;
width: 200px;
font-size: 1.4em;
color: #fff;
background-color: #00de53;
border: 1px solid #00de53;
border-radius: 30px;
padding: 15px 15px 15px 15px;
text-align: center;
text-decoration: none !important;
margin: 20px auto 0px auto;
font-family: Open Sans, sans-serif;
}

.feed-sec-image {
width: 100%;
border-radius: 15px;
}

.feed-sec-big-text {
font-family: Cabin;
text-align: center;
}


.insight-form textarea#id_text.form-control {
min-height: 0px !important;
}

.insight-form label.control-label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 300;
font-size: 0.75em;

color: #ccc;
}

.insight-form-avatar-wrapper {
flex: 0 0 2%;
}

.insight-form-avatar {
width: 35px;
height: 35px;
border-radius: 50%;
object-fit: cover;
margin-top: 3px;
}

.inline-form-textarea {
flex: 0 0 95%;
/* overflow-y: auto !important; */
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important;  
scroll-behavior: smooth !important;
}



.inline-form-textarea::-webkit-scrollbar {
width: 0 !important;
}

.insight-form input#id_title {
border-top-width: 0px !important;
border-right-width: 0px !important;
border-left-width: 0px !important;
box-shadow: none !important;
border-radius: 0px !important;
padding-left: 0px !important;
letter-spacing: 0.3px !important;
background-color: transparent !important;
color: #ccc !important;
}

.insight-form input#id_users_tagged-selectized {
border-top-width: 0px !important;
border-right-width: 0px !important;
border-left-width: 0px !important;
box-shadow: none !important;
border-radius: 0px !important;
padding-left: 0px !important;
letter-spacing: 0.3px !important;
background-color: transparent !important;   
}

.insight-form .selectize-control.multi .selectize-input [data-value] {
background-color: #00de53 !important;
background-repeat: repeat-x;
color: white !important;
}

.insight-form .selectize-control.multi .selectize-input > div {
background: #00de53 !important;
border: 1px solid #00de53 !important;
}


.edit-insight-form .selectize-control.multi .selectize-input [data-value] {
background-color: #00de53 !important;
background-repeat: repeat-x;
color: white !important;
}

.edit-insight-form .selectize-control.multi .selectize-input > div {
background: transparent !important;
border: 1px solid #00de53 !important;
}

.insight-form .selectize-input.focus {
border-color: #00de53 !important;
}

.avatar-insight-modal {
width: 30px; 
height: 30px; 
border-radius: 50%; 
object-fit: cover;
}

a.upvote-news, a.upvote-news:hover {
text-decoration: none !important;
margin-right: 4px;
}


.n-comment-img {
width: 14px !important; 
margin-bottom: 2px  !important; 
margin-right: 2px  !important;
} 


.news-post-twocents-logo {
width: 30px; 
height: 30px; 
border-radius: 50%; 
object-fit: cover;
}


.share-shared-container {
height: 40px;
}

.already-shared {
font-weight: 100 !important;
font-size: 0.9em !important;
}

.share-to-feed,  .share-to-feed:hover {
display: inline;
float: right;
width: 110px;
font-size: 0.85em;
color: #ccc;
background-color:transparent;
border: 1px solid #ccc;
border-radius: 0.25em;
padding: 0.35em 0.3em 0.3em 0.3em;
text-align: center;
text-decoration: none !important;
white-space: nowrap;
font-family: Cabin, sans-serif;
}   

.cc-icon {
width: 17px;
margin-bottom: 2px;
}

.cc-icon-sm {
position: absolute;
left: 60%;
top: 80%;
width: 15px;
}

.cc-icon-comment {
position: absolute;
left: 60%;
top: 70%;
width: 15px;
}

.verified-icon {
width: 13px; 
margin-bottom: 2px;
}

.verified-icon-profile {
width: 0.8em; 
height: 0.8em;
margin-bottom: 2px;
}

.feed-post-avatar-link-cont {
position: relative;
} 

.shared-answer-text {
font-size: 1.18em;
color: #fafafa;
}

.post-interest-cont {
margin-top: 7px;
color: #707070;   
}

.post-title-cont {
margin-bottom: 3px; 
margin-top: 5px;
}

.post-title, .post-title:hover {
font-family: Cabin, sans-serif;
font-weight: lighter;
letter-spacing: -0.6px;
color: #fff !important;
line-height: normal;
}

.post-interest-link, .post-interest-link:hover {
font-size: 0.9em;
color: #03a9f5;
}

.green-line-insight-owner {
border-top: 1px solid #00de53 !important;
width: 10% !important;
}

.insight-page-similar-content-cont {
margin-top: 70px
}

.insight-page-follow-owner-cont {
font-size: 1.8em; 
text-align: center; 
margin-bottom: 20px;
color: #ccc;
}

.insight-page-sidebar {
display: flex; 
flex-direction:column; 
align-items:center;
margin-bottom: 10%;
}

.insight-page-writes-on {
border-radius: 3px;
padding: 5px 5px 5px 5px; 
margin: 10px 0px 0px 0px;
font-size: 1.2em;
text-align: center;
color: #717171;
}

.writes-on-item {
font-size: 80%;
}


.most-viewed-in-spaces-name {
color: #00de53;
font-weight: 400;   
}


.insight-title {
font-family: Cabin, sans-serif;
font-weight: lighter;
letter-spacing: -0.6px;
color: #fafafa;
line-height: normal;
}


.you-are-following {
color: #ccc;
font-size: 0.7em;
}

.insight-business-text-title-cont {
padding: 5px 5px 5px 5px;
color: #ccc;
width: 100%;
}

.insight-business-info-cont {
border: 1px solid #333;
border-radius: 3px;
margin: 50px 0px 40px 0px;
display: flex;
flex-direction: row;
align-items: center;
color: #111;
font-family: Cabin, sans-serif;

max-height: 110px;
overflow-y: hidden;
}

.feed-insight-business-info-cont {
border: 1px solid #333;
border-radius: 3px;
margin: 50px 0px 40px 0px;
display: flex;
flex-direction: row;
align-items: center;
color: #111;
font-family: Cabin, sans-serif;

max-height: 110px;
overflow-y: hidden;
width: 100%;
}



.insight-business-image {
width: 80px;
height: 120px;
object-fit: cover;
}

.insight-business-message-hr {
margin-top: 5px !important;
margin-bottom: 5px !important;
}

.insight-business-message-clickmore, .insight-business-message-clickmore:hover {
text-transform: uppercase; 
font-size: 0.8em;
padding: 3px 0px; 
color: beige !important;
}

.insight-business-image-cont {
margin-right: 6px;
}


.insight-business-text {
word-break: break-all;
color: #ccc;
}

.insight-business-title {
font-weight: normal;
color: #fafafa;
}

/* end feed post pages */




/* edit sia modal  */
.question-answer-container-sia-modal {
padding: 10px 5px 10px 5px;
border: 1px solid #ddd;
border-radius: 8px;
margin: 10px 0px 10px 0px;
color: #fafafa;
}

.question-answer-container-sia-modal h4 {
color: #ccc !important;
}

.share-form-sia-modal {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
margin-top: 30px;
}

.avatar-cont-sia-modal {
flex-basis: 8%;
}

.form-cont-sia-modal {
flex-basis: 92%;
}

.share-heading-sia-modal {
margin-top: 5%;
}

.avatar-sia-modal {
width: 30px; 
height: 30px; 
border-radius: 50%; 
object-fit: cover;
}

.placeholder-sia-modal {
width: 30px; 
height: 30px; 
border-radius: 50%; 
object-fit: cover;
}



div.editable-sia-post, div.editable-sia-post:focus {
width: 100% !important;
border: none !important;
outline: none !important;
padding: 0px 5px 5px 5px !important;
overflow-y: scroll !important;
text-align: left !important;
border-radius: 3px !important;
resize: none !important;
word-wrap: break-word !important;
word-break: break-all !important;


-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important;  
scroll-behavior: smooth !important;
}


div.editable-sia-post::-webkit-scrollbar {
display: none !important;
}

.shareSia-form textarea#id_text.form-control {
min-height: 100px !important;
background-color: #111 !important;
color: #fafafa !important;
}

.shareSia-form label.control-label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 300;
color: #ccc !important;
}

.sia-char-count {
color: #ccc;
}
/* end edit modal  */





/* edit ssa modal  */
.question-answer-container-ssa-modal {
padding: 10px 5px 10px 5px;
border: 1px solid #ddd;
border-radius: 8px;
margin: 10px 0px 10px 0px;
color: #fafafa;
}

.share-form-ssa-modal {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
margin-top: 30px;
}

.avatar-cont-ssa-modal {
flex-basis: 8%;
}

.form-cont-ssa-modal {
flex-basis: 92%;
}

.share-heading-ssa-modal {
margin-top: 5%;
}

.avatar-ssa-modal {
width: 30px; 
height: 30px; 
border-radius: 50%; 
object-fit: cover;
}

.placeholder-ssa-modal {
width: 30px; 
height: 30px; 
border-radius: 50%; 
object-fit: cover;
}



div.editable-ssa-post, div.editable-ssa-post:focus {
width: 100% !important;
border: none !important;
outline: none !important;
padding: 0px 5px 5px 5px !important;
overflow-y: scroll !important;
text-align: left !important;
border-radius: 3px !important;
resize: none !important;
word-wrap: break-word !important;
word-break: break-all !important;


-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important;  
scroll-behavior: smooth !important;
}


div.editable-ssa-post::-webkit-scrollbar {
display: none !important;
}

.shareSsa-form textarea#id_text.form-control {
min-height: 100px !important;
background-color: #111 !important;
color: #fafafa !important;
}

.shareSsa-form label.control-label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 300;
color: #ccc !important;
}

.ssa-char-count {
color: #ccc;
}
/* end edit modal  */




/* crop photo */

.crop-modal-header {
font-family: Cabin, sans-serif;
color: #fafafa !important;
}

.to_crop {
max-width: 100% !important;
}

div.loading-cropping-block {
height: 20px;
margin-top: 0px;
margin-bottom: 15px;
}

img.loading-cropping-small {
display: none;
width: 20px;
margin:  0px auto 10px auto;
}

button.crop-photo {
background-color: #007bff !important;
font-family: Cabin, sans-serif;
border: 1px solid #007bff !important;
}

button.cancel-crop {
background-color: #6c757d !important;
color:  #ffffff !important;
font-family: Cabin, sans-serif;
border: 1px solid #6c757d !important;
}

.fullscreen-loading-modal-content {
background-color: transparent !important; 
-webkit-background-clip:  none !important;
background-clip: none !important; 
border: none !important; 
border: none !important; 
border-radius: 0px !important; 
outline: none !important; 
-webkit-box-shadow: none !important; 
box-shadow: none !important;
min-height: 100% !important;
height: auto !important; 
min-width: 100% !important; 
width: 100% !important;
}

div.loading-fullscreen-block {
display: block;
}

img.loading-fullscreen {
height: 50px;
display: block;
margin-right: auto !important;
margin-left: auto !important;
}

.file-too-large {
text-align: center; 
font-size: 2em; 
font-family: Cabin, sans-serif; 
padding: 20px 10px 5px 10px;
color: #fafafa !important;
}
/* end crop photo */





/*  stats info modal  */

.close-stats-modal-x {
font-size: 30px !important;
font-weight: 100 !important;
color: #00de53 !important;
opacity: 1 !important;
}

.stats-info-cont {
display: flex; 
flex-direction:column; 
justify-content:space-between;
width: 100%;
} 

.stats-info-item-text {

}

.stats-info-item-count {
font-size: 1.2em; 
font-weight: bold;
}

.stats-info-items-cont {
display: flex; 
flex-direction:row; 
justify-content:space-between;
width: 100%;
}    

.stats-info-insight-count {
font-size: 1.6em; 
font-family: Cabin, sans-serif; 
margin-bottom: 20px; 
text-align: center;
color: #fafafa;
}

.stats-info-item {
margin-bottom: 10px; 
border: 1px solid #333;
background-color: transparent; 
border-radius: 2px; 
padding: 5px 4px 5px 4px;
font-size: 0.9em;
align-items: center;
text-align: center;
font-family: Cabin, sans-serif;
color: #fafafa;

display: flex;
flex-direction: column;
justify-content: space-between;
flex: 0 1 32%;
min-height: 90px;

}

.stats-info-circle {
width: 25px;
height: 25px;
object-fit: cover;
}

.stats-info-explainer {
font-size: 50%; 
color: grey;
}

.stats-info-divide {
width: 60%;
height: 1px; background-color: #333; 
margin: 2px auto;
}
   


.stats-info-owner-image {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
}

.stats-info-modal {

}

.stats-info-modal-content {
min-height: 260px !important;
height: auto;
width: 100% !important;
margin: auto !important;
padding-bottom: 20px !important;
font-family: Cabin;
background-color: #111 !important;
}

.stats-info-modal-title-cont {
height: 30px;
}

.stats-info-modal-title {
color: #fafafa !important;
opacity: 1 !important;
text-align: center;
font-size: 1.5em;
padding: 0px 30px 0px 30px;
}

.stats-info-items-cont {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}

/* end stats info modal */




/* new insight modal */
.newInsight-modal {
z-index: 50000 !important;
}


#insight-form input {
background-color: #111;
color: #fafafa;
}


.insight-form-image {
object-fit: cover !important;
width: 100%;
border-radius: 2px;
background-color: transparent !important;
}



@media (min-width: 1281px) {
.insight-form-image {
height: 400px;
}
}


@media (min-width: 1025px) and (max-width: 1280px) {
.insight-form-image {
height: 400px;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.insight-form-image {
height: 400px;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.insight-form-image {
height: 400px;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.insight-form-image {
height: 380px;
}
}

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
.insight-form-image {
height: 380px;
}
}


@media (min-width: 320px) and (max-width: 480px) {
.insight-form-image {
height: 250px;
}
}

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
.insight-form-image {
height: 250px;
}
}




.insight-form-image-container {
height: 250px;
width: 100%;
display: block;
margin-bottom: 20px;

border: 1px solid #fafafa;
border-radius: 2px;
background-color: #1f2229 !important;
background-size: 100%; 
background-position: center center; 
background-repeat: no-repeat;
-webkit-background-size: cover; 
background-size: cover;
}


.insight-form-image-block {
flex-direction: column;
}

/* .insight-form-text-block {

} */

.insight-form-max-upload-text {
margin-bottom: 20px !important;
margin-top: 20px !important;
text-align: center !important;
}

div.inline-insight-form-elem > div.bootstrap3-multi-input {
/* flex: 0 0 100%;
margin: 0 auto !important; */
margin-right: 0px !important;
margin-left: 0px !important;
}

/* .insight-form-text-block, .insight-form-image-block {
overflow-y: auto !important;
} */

.inline-insight-form-wrapper {
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
}

.inline-insight-form-wrapper-b {
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
}

.insight-char-count {
font-size: 0.8em;
color: #ccc;
}

.insight-form-tag-users-form {
display: inline-block;
}

.insight-form-keyword-tags-form {
display: inline-block;
}

.insight-form-interest-form {
display: inline-block;
}

.insight-form-tip-sub-message-form, .insight-form-generate-audio-form {
display: inline-block;
}


.inline-insight-form-elem {
display: flex;
}


.reset-insight-image, .reset-insight-image:hover {
display: none;
text-align: center;
border-radius: 2px;
margin-top: 10px;
margin-bottom: 12px;
border: 1px solid #ccc;
color: #ccc;
padding: 4px 20px 4px 20px;
}

a.clear-image, a.clear-image:hover {
display: block;
color: #5a5a5a;
font-family: Cabin, sans-serif !important;
letter-spacing: -0.2px;
text-decoration: none;
font-size: 1.1em;
}

.upload-btn-wrapper-insight {
position: relative;
display: block;
}

.upload-btn-insight {
text-align: center;
border: 1px solid #007BFF;
color: white;
background-color: #007BFF;
padding: 7px 0px;
border-radius: 3px;
font-size: 1.1em;
}

.upload-btn-wrapper-insight input[type=file] {
font-size: 1.1em;
position: absolute;
left: 0;
top: 0;
opacity: 0;
cursor: pointer;
width: 100%;
height: 100%;
}

.insight-input-btn-cont {
float: none !important;
padding-left: 0px !important;
padding-right: 0px !important;
}

.new-insight-form .trumbowyg-editor-box {


}


.new-insight-form .trumbowyg-button-pane {
border: 1px solid #d7e0e2 !important;
border-bottom: none !important;
}


.new-insight-form .trumbowyg-box {
margin-right: 5px !important;
}

.new-insight-form .trumbowyg-editor {
overflow-y: scroll !important;

-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important;  
scroll-behavior: smooth !important;
background-color: transparent !important;
color: #fafafa !important;
}


.new-insight-form .trumbowyg-editor::-webkit-scrollbar {
width: 0 !important;
}

.new-insight-form .trumbowyg-box, .trumbowyg-editor-box {
border: 1px solid #fff !important;
}




.insight-modal-close-cont {
}

.insight-modal-top-cont {
display: flex; 
flex-direction: row; 
justify-content: space-between
}

.loading-upload {
margin: 0px auto 0px auto;
font-size: 80%;
}

img.trumbowyg-preview-image {
max-width: 100% !important;
height: 200px !important;
width: 300px !important;
object-fit: cover !important;
padding: 4px;
}


.trumbowyg-preview-image-container {
height: 200px;
width: 300px;
/* display: block; */
margin-bottom: 20px;
border-radius: 2px;
background-color: #f2f2f2;
margin-left: auto;
margin-right: auto;
}

div.trumbowyg-modal.trumbowyg-fixed-top {
font-family: Cabin, sans-serif !important;
height: 450px !important;
/* position: fixed !important; */
}


div.trumbowyg-modal.trumbowyg-fixed-top form {
width: 330px;
margin-right: auto;
margin-left: auto;
}



div.trumbowyg-modal-box {
border: 1px solid #ccc !important;
background: #111 !important;
}

.trumbowyg-modal-box .trumbowyg-modal-title {
color: #fafafa !important;
background: #111 !important;
font-weight: 100 !important;
}

.trumbowyg-preview-image-container {
background-color: transparent !important;
}

.trumbowyg-modal-box .trumbowyg-input-infos {
border-right: 1px solid #DEDEDE;
background-color: transparent !important;
}

button.trumbowyg-modal-button.trumbowyg-modal-submit {
font-family: Cabin, sans-serif !important;
background-color: #00de53 !important;
width: 140px !important;
border-radius: 3px !important;
display: inline-block !important;
font-size: 1em !important;
}

.trumbowyg-modal-box .trumbowyg-input-infos {
width: 80px !important;
}

.trumbowyg-modal-box .trumbowyg-input-html {
padding: 1px 1px 1px 80px;
}

button.trumbowyg-modal-button.trumbowyg-modal-reset, button.trumbowyg-modal-button.trumbowyg-modal-reset:hover {
font-family: Cabin, sans-serif !important;
width: 140px !important;
border-radius: 3px !important;
display: inline-block !important;
font-size: 1em !important;
color: #111 !important;
background: #e6e6e6;
}

.trumbowyg-modal-box .trumbowyg-modal-button {
position: inherit !important;
}

.upload-btn-wrapper-trumbowyg {
position: relative;
display: block;
}

.upload-btn-trumbowyg {
text-align: center;
border: 1px solid #007bb0;
color: white;
background-color: #009fe3;
padding: 4px 20px 4px 20px;
border-radius: 3px;
}

.upload-btn-wrapper-trumbowyg input[type=file] {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}

.insight-modal-noauth-user-block {
text-align: justify;
}

.insight-modal-noauth-user-block-sec {
margin-bottom: 20px;
}

.trumbowyg-input-html input, .trumbowyg-input-html select {
background-color: #111 !important;
}


/* end new insight page */





/* edit insight page */

.edit-insight-page {
padding-bottom: 70px;
}

.edit-profile-pg-heading {
font-size: 2em;
color: #fafafa;
font-family: Cabin, sans-serif;
}

.edit-insight-form {
width: 100%;
}

.edit-insight-image-container {
height: 400px;
width: 100%;
display: block;
margin-bottom: 30px;
border-style: solid;
border-width: 0.5px;
border-color: #c4c4c4;
border-radius: 4px;
}

.edit-insight-image {
object-fit: cover !important;
height: 400px;
width: 100%;
border-style: solid;
border-width: 0.5px;
border-color: #c4c4c4;
padding: 5px 5px 5px 5px;
border-radius: 4px;
background-color: transparent !important;
}

.edit-insight-page {
font-family: Open Sans !important;
background-color: #111;
margin-bottom: 100px;
}

.edit-insight-form  textarea#id_text {
border: 1px solid #ccc !important;
border-radius: 0px !important;
box-shadow: none !important;
font-size: 0.9em !important;
font-family: Roboto !important;
letter-spacing: -0.3px !important;
min-height: 0px !important;
}

.edit-insight-form input {
background-color: transparent !important;
color: #fafafa !important;
}

.edit-insight-form  textarea#id_text:focus {
border: 1px solid #ccc !important;
border-radius: 0px !important;
box-shadow: none !important;
font-size: 0.9em !important;
font-family: Roboto !important;
letter-spacing: -0.3px !important;
min-height: 400px !important;
border-color: #00de53 !important;
box-shadow: inset 0 1px 1px rgba(0, 178, 91, 0.075), 0 0 8px rgba(0, 178, 91, 0.6) !important;
}

.edit-insight-form label.control-label {
display: block;
font-size: 0.8em !important;
font-weight: 100 !important;
color: #ccc !important;
}

.edit-insight-image-block {
margin-bottom: 50px;
}

.edit-insight-link, .edit-insight-link:hover {
border: 1px solid dodgerblue;
padding: 3px 7px 3px 7px;
border-radius: 15px;
display: inline-block;
margin-bottom: 10px;
width: 50px;
text-align: center;
font-size: 1.2em;
color: dodgerblue;
}

.save-insight-link {
border: 1px solid dodgerblue;
padding: 3px 7px 3px 7px;
border-radius: 15px;
display: inline-block;
margin-bottom: 10px;
width: 50px;
text-align: center;
font-size: 1.2em;
color: dodgerblue;
}


.edit-insight-form .trumbowyg-editor-box {


}


.edit-insight-form .trumbowyg-button-pane {
border: 1px solid #d7e0e2 !important;
border-bottom: none !important;
}


.edit-insight-form .trumbowyg-box {
margin-right: 5px !important;
}

.edit-insight-form .trumbowyg-editor {
max-height: 450px !important;
overflow-y: scroll !important;
min-height: 450px !important;
background-color: transparent !important;
color: #fafafa !important;

-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important;  
scroll-behavior: smooth !important;
}


.edit-insight-form .trumbowyg-editor::-webkit-scrollbar {
width: 0 !important;
}

.edit-insight-form .trumbowyg-box, .trumbowyg-editor-box {
border: 1px solid #fff !important;
}

.update-edit-form-btn {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: #009fe3 !important;
color: white !important;
font-family: Cabin !important;
font-size: 15px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: #009fe3 !important;
margin: 10px auto 10px auto;
}

.edit-insight-checkbox-flex-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
height: 30px !important;
color: #fafafa;
}


.edit-insight-form-generate-audio-container {
display: flex;  
justify-content: flex-start; 
margin-top: 5px;
}

label[for=generate-audio-checkbox] {
margin-right: 20px;
}



/* Hide the default checkbox */
.switch-input {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}

/* The slider container */
.switch-input-slider {
position: relative;
display: inline-block;
width: 50px;
height: 25px;
}

/* The slider itself */
.switch-input-slider::before {
content: "";
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .1s;
-webkit-transition: .1s;
border-radius: 25px;
}

/* The slider handle */
.switch-input-slider::after {
content: "";
position: absolute;
height: 21px;
width: 21px;
left: 2px;
bottom: 2px;
background-color: white;
transition: .1s;
-webkit-transition: .1s;
border-radius: 50%;
}

/* When the checkbox is checked, add a background color */
.switch-input:checked + .switch-input-slider::before {
background-color: #0d6efd;
}

/* Move the slider handle to the right when checked */
.switch-input:checked + .switch-input-slider::after {
transform: translateX(25px);
-webkit-transform: translateX(25px);
-ms-transform: translateX(25px);
transform: translateX(25px);
}

.form-group-flex-cont {
display: flex; 
justify-content: space-between; 
align-items: center;
}

.form-group-switch-cont {
margin-top: 30px !important;
}

/* end edit insight page */



/* shared session content page */
.shared-content-page {
font-family: Cabin, sans-serif;
margin-bottom: 200px;
}

.shared-content-page-sidebar {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 10%;
width: -moz-available;          
width: -webkit-fill-available; 
width: fill-available;
}


.shared-content-actions-flex-container {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
margin-bottom: 40px;
color: #fafafa;
}

/* .shared-content-actions-flex-container {
width: 85%;
margin-bottom: 40px;
} */

/* end shared session content page */




/* edit options page */

.back-to-profile, .back-to-profile:hover {
color: #03a9f5 !important;
border: 1px solid #03a9f5;
width: 150px;
padding: 9px 16px;
border-radius: 20px;
}

.edit-option-help-text {
font-family: Open Sans, sans-serif; 
margin-top: 20px;
color: #ccc;
}

.edit-option-item {
margin-top: 30px;
margin-bottom: 15px;
}

.edit-profile-option-btn, .edit-profile-option-btn:hover {
text-align: center;
display: block;
color: #fafafa !important;
text-decoration: none;
font-size: 1em;
border-radius: 2px;
margin: 3px auto 10px auto;
font-family: Open Sans, sans-serif !important;
border: 1px solid #fafafa;
padding: 15px 20px;
width: 100%;
}

.edit-options-page {
font-family: Open Sans !important;
background-color: #111;
padding-top: 50px;
margin-bottom: 50px;
}

.edit-options-icon {
width: 27px;
filter: invert(1);
}
/* end edit option page */






/* edit business message page */

.edit-business-message-page {
padding-bottom: 70px;
}

.edit-business-message-form {
width: 100%;
}


.edit-business-message-form input {
background-color: transparent;
color: #fafafa;
}

.edit-business-message-image-container {
height: 400px;
width: 100%;
display: block;
margin-bottom: 30px;
border-style: solid;
border-width: 0.5px;
border-color: #c4c4c4;
border-radius: 4px;
}

.edit-business-message-image {
object-fit: cover !important;
height: 400px;
width: 100%;
border-style: solid;
border-width: 0.5px;
border-color: #c4c4c4;
padding: 5px 5px 5px 5px;
border-radius: 4px;
background-color: transparent;
}

.edit-business-message-page {
font-family: Open Sans !important;
margin-top: 50px;
margin-bottom: 100px;
}

.edit-business-message-form  textarea#id_text {
border: 1px solid #ccc !important;
border-radius: 0px !important;
box-shadow: none !important;
font-size: 0.9em !important;
font-family: Roboto !important;
letter-spacing: -0.3px !important;
min-height: 400px !important;
}

.edit-business-message-form  textarea#id_text:focus {
border: 1px solid #ccc !important;
border-radius: 0px !important;
box-shadow: none !important;
font-size: 0.9em !important;
font-family: Roboto !important;
letter-spacing: -0.3px !important;
min-height: 400px !important;
border-color: #00de53 !important;
box-shadow: inset 0 1px 1px rgba(0, 178, 91, 0.075), 0 0 8px rgba(0, 178, 91, 0.6) !important;
}

.edit-business-message-form label.control-label {
display: block;
font-weight: 100 !important;
color: grey;
font-size: 0.8em;
}


.edit-business-message-form label[for=id_can_display_business] {
display: block;
font-weight: 100 !important;
color: grey;
}


.edit-business-message-heading {
color: #fafafa;
margin-bottom: 30px;
font-family: Open Sans, sans-serif !important;
font-weight: normal !important;
}


.edit-business-image-block {
margin-bottom: 50px;
}


.edit-business-message-block .form-group {
margin-bottom: 30px;
}



.reset-business-image, .reset-business-image:hover {
display: none;
text-align: center;
border-radius: 2px;
margin-top: 10px;
margin-bottom: 12px;
border: 1px solid #5a5a5a;
padding: 4px 20px 4px 20px;
}

/* end edit business message page */




/* edit cards page */
.edit-card-page {
font-family: Cabin, sans-serif;
display: flex; 
justify-content: center; 
align-items: center; 
flex-direction: column; 
height: auto; 
min-height: 650px;
} 

.edit-card-container {
width: 100%;
}

.edit-card-heading {
font-family: Open Sans, sans-serif; 
font-size: 2.5em;
color: #fafafa;
}

.edit-card-main-text {
font-family: Cabin, sans-serif; 
font-size: 1.1em; 
margin: 20px;
color: gray;
}

.edit-card-items-container {
margin: 2px 0px 40px 0px;  
padding: 6px 12px; 
border-radius: 6px;
border: 1px solid #eee; 
font-family: Cabin, sans-serif;
background-color: transparent;
}



.edit-card-item-container {
margin: 10px 0px 15px 0px;
}

.edit-card-item-inner-container {
display: flex; 
align-items: center; 
justify-content: space-between;
}

.edit-card-flex-container {
display: flex; 
align-items: center;
}

.edit-card-item-logo {
width: 20px; 
margin-right: 7px;
}

.edit-card-item-summary {
font-size: 1em;
color: #f8f8f8;
}

.edit-card-item-checkbox {
margin: 0px !important
}

button#remove-cards {
text-align: center; 
border: 1px solid #ccc; 
color: #ccc; 
padding: 7px 12px;
display: block; 
width: 250px; 
margin: 10px auto 10px auto; 
border-radius: 2px;
background-color: transparent;
}
/* end edit cards page */




/* utility classes */

.flex-row {
display: flex; 
flex-direction: row; 
justify-content: space-between; 
align-items: center;
}

.flex-col {
display: flex; 
flex-direction: column; 
justify-content: space-between; 
align-items: center;
}

/* end utility classes */






/* coming soon page */

.coming-soon-page-container {
background-color: #101010 !important;
padding-bottom: 100px !important;
padding-top: 70px;
min-height: 1000px;
}

.tc-new-green {
color: #00de53;
}

.coming-soon {
margin: 40px auto 0px auto!important;
width: 250px;
height: auto;
background-color: transparent !important;
color: white !important;
text-align: center !important;
padding: 10px 15px 10px 15px !important;
text-decoration: none !important;
border-radius: 30px !important;
font-size: 2em !important;
font-family: Cabin !important;
}

.coming-soon-cont-1 {
margin-top: 20px; 
margin-bottom: 20px;
}

.coming-soon-cont-2 {
text-align: center; 
font-size: 5vh; 
color: white; 
font-family: Open Sans, sans-serif;
}

.coming-soon-cont-3 {
text-align: center; 
font-size: 2.5em; 
font-family: Open Sans, sans-serif; 
color: #00de53;
margin-top: 50px; 
line-height: 1em;
}

.coming-soon-cont-4 {
margin-top: 50px; 
margin-bottom: 20px;
}

.coming-soon-icon-1 {
height: 60px;
display: block;
}

.coming-soon-icon-2 {
height: 60px;
}


/* end coming soon page */





/* new onboarding pages */

.onboarding-profile-left-image {
background-image: url(../twocents_app/african-mosaic1.jpg)
}

.onboarding-insights-left-image {
background-image: url(../twocents_app/african-mosaic2.jpg)
}

.onboarding-sessions-left-image {
background-image: url(../twocents_app/african-mosaic3.jpg)
}

.onboarding-amina-left-image {
background-image: url(../twocents_app/african-mosaic4.jpg)
}

.onboarding-photo-left-image {
background-image: url(../twocents_app/african-mosaic5.jpg)
}

.onboarding-answers-left-image {
background-image: url(../twocents_app/african-mosaic6.jpg)
}

.onboarding-monetization-left-image {
background-image: url(../twocents_app/4.png)
}


.onboarding-careerhub-left-image {
background-image: url(../twocents_app/7.jpg)
}


.onboarding-overlay-left-image {
background: rgba(0,0,0, 0.85);
background-size: cover;
overflow: hidden;
min-height: 100%;
height: 100%;
width: 35%;
z-index: 2;
padding: 4px 10px 4px 10px;
position: fixed;
}

.ac-onboarding-overlay-left-image {
background: rgba(0,0,0, 0.5);
background-size: cover;
overflow: hidden;
min-height: 100%;
height: 100%;
width: 45%;
z-index: 2;
padding: 4px 10px 4px 10px;
position: fixed;    
}


.onboarding-center-image {
background-size: cover;
width: 100%;
height: 150px;  
}


.onboarding-center-image-overlay {
background: rgba(0,0,0, 0.5);
background-size: cover;
overflow: hidden;
padding: 4px 10px 4px 10px;
min-height: 100%;
}


.onboarding-right-content-padding {
color: white;
}


.onboarding-insights-image {
background-image: url(../twocents_app/african-mosaic2.jpg);
}


.onboarding-profile-image {
background-image: url(../twocents_app/african-mosaic1.jpg)
}


.onboarding-sessions-image {
background-image: url(../twocents_app/african-mosaic3.jpg)
}

.onboarding-interests-image {
background-image: url(../twocents_app/african-mosaic7.jpg)
}

.onboarding-amina-image {
background-image: url(../twocents_app/african-mosaic4.jpg)
}

.onboarding-photo-image {
background-image: url(../twocents_app/african-mosaic5.jpg)
}

.onboarding-answers-image {
background-image: url(../twocents_app/african-mosaic6.jpg)
}

.onboarding-monetization-image {
background-image: url(../twocents_app/sessions.jpg)
}


.onboarding-auth-image {
background-image: url(../twocents_app/african-mosaic7.jpg)
}



a.next-btn, a.next-btn:hover {
display: block !important;
width: 150px !important;
height: auto !important;
background-color: #00de53 !important;
border: 1px solid #00ab57 !important;
border-radius: 20px !important;
color: white !important;
font-family: Cabin, sans-serif !important;
font-size: 1em !important;
text-align: center !important;
padding: 10px 0px 10px 0px;
text-decoration: none !important;
margin-right: auto;
margin-left: auto;
}

a.disabled-next-btn, a.disabled-next-btn:hover {
pointer-events: none;
display: block !important;
width: 150px !important;
height: auto !important;
background-color: grey !important;
border-radius: 20px !important;
color: white !important;
font-family: Cabin, sans-serif !important;
font-size: 1em !important;
text-align: center !important;
padding: 10px 0px 10px 0px;
text-decoration: none !important;
margin-right: auto;
margin-left: auto;
border: 1px solid grey;
}


.onboarding-learn-more-btn, .onboarding-learn-more-btn:hover {
display: block;
width: 100%;
height: auto;
background-color: transparent;
color: white;
font-family: Cabin;
font-size: 12px;
text-align: center;
padding: 10px 25px 10px 25px;
border-radius: 30px;
text-decoration: none;
border: 2px solid white;
margin: 25px 0px 10px 0px;
/* letter-spacing: 1px; */
}



.skip-form-btn, .skip-form-btn:hover {
display: block !important;
width: 150px !important;
height: auto !important;
background-color: transparent !important;
border: 1px solid #fafafa !important;
border-radius: 20px !important;
color: #fafafa !important;
font-family: Cabin, sans-serif !important;
font-size: 1em !important;
text-align: center !important;
padding: 10px 0px 10px 0px;
text-decoration: none !important;
margin-right: auto;
margin-left: auto;
}

button.save-photo-form-btn, button.save-photo-form-btn:hover {
display: block !important;
width: 150px !important;
height: auto !important;
background-color: #00de53 !important;
border: 1px solid #00ab57 !important;
border-radius: 20px !important;
color: white !important;
font-family: Cabin, sans-serif !important;
font-size: 1em !important;
text-align: center !important;
padding: 10px 0px 10px 0px;
text-decoration: none !important;
margin: 50px auto 0px auto;

}

button.save-onboarding-form-btn, button.save-onboarding-form-btn:hover {
display: block !important;
width: 150px !important;
height: auto !important;
background-color: #00de53 !important;
border: 1px solid #00ab57 !important;
border-radius: 20px !important;
color: white !important;
font-family: Cabin, sans-serif !important;
font-size: 1em !important;
text-align: center !important;
padding: 10px 0px 10px 0px;
text-decoration: none !important;
margin-right: auto;
margin-left: auto;

}



.onbarding-answers-left-heading, .onbarding-insights-left-heading, .onbarding-sessions-left-heading {
font-size: 3em;
font-family: Cabin, sans-serif;
}

.insight-onboard-owner-avatar {
width: 15px;
height: 15px;
border-radius:50%;
object-fit: cover;
border: 1px solid#00de53;
margin-right: 5px;
}


.insight-onboard-overlay {
background: rgba(0,0,0, 0.7);
overflow: hidden;
height: 100%;
z-index: 2;
padding: 10px 10px 10px 10px;
text-align: left;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}

.insight-onboard-owner {
font-size: 1.3rem;
color: white;
/* display: inline-block;
border-bottom: 4px solid #00de53; */
}


.insight-onboard-interest {
font-size: 1.3rem;
color: white;
display: inline-block;
/* border-bottom: 4px solid #00de53; */
text-decoration: underline;
text-decoration-thickness: 3px;
text-decoration-color: #00de53;
text-decoration-skip-ink: none;
}

.insight-onboard-text, .insight-onboard-text:hover {
font-size: 1.5rem;
color: white;
}

.insight-onboard-item {
background-color: #2A363B;
margin-bottom: 7px; 
vertical-align: middle;
font-family: Cabin;

background-size: 100%; 
background-position: center center; 
background-repeat: no-repeat;
-webkit-background-size: cover; 
background-size: cover;
}



.session-onboard-top-flex-cont {
display: flex; 
flex-direction: row; 
justify-content: space-between;
}

.session-onboard-owner-avatar-cont {
flex-basis: 20%;
}


.session-onboard-owner-avatar {
width: 30px;
height: 30px;
border-radius: 50%;
}

.session-onboard-owner-placeholder {
width: 30px;
height: 30px;
border: 1px solid #00de53;
border-radius: 50%;
}    

.session-onboard-bottom-flex-cont {
display: flex; 
flex-direction: row; 
justify-content: space-between;
}

.session-onboard-overlay {
/* background: rgba(0,0,0, 0.7); */
overflow: hidden;
height: 100%;
z-index: 2;
padding: 10px 16px;
text-align: left;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.session-onboard-owner {
font-size: 1.6rem;
color: white;
}


.session-onboard-occupation {
font-size: 1rem;
color: white;
display: inline-block;
/* border-bottom: 4px solid #00de53; */
/* text-decoration: underline;
text-decoration-thickness: 3px;
text-decoration-color: #009fe3;
text-decoration-skip-ink: none; */
}

.session-onboard-text, .session-onboard-text:hover {
font-size: 1.5rem;
color: white;
flex-basis: 75%;
}

.session-onboard-item {
background-color: #222;
margin-bottom: 7px; 
vertical-align: middle;
font-family: Cabin;

background-size: 100%; 
background-position: center center; 
background-repeat: no-repeat;
-webkit-background-size: cover; 
background-size: cover;
}


.meet-amina-text-1 {
margin: 14% 0px 20px 0px
}



.meet-amina-text-2 {
font-family: Cabin, sans-serif; 
font-size: 1.2em; 
margin: 25px 0px 50px 0px; 
color: #fafafa;;
text-align: center;
}

.meet-amina-text-3 {
font-family: Cabin, sans-serif; 
font-size: 1.2em; 
margin: 25px 0px 25px 0px; 
color: #fafafa;
text-align: center;
}

.meet-amina-text-4 {
font-family: Cabin, sans-serif; 
font-size: 1.2em; 
margin: 25px 0px 25px 0px; 
color: #fafafa;
text-align: center;
}

.meet-amina-logo {
width: 60px; 
height: 60px; 
border-radius: 50%; 
object-fit: cover;
text-align: center;
}

.onboarding-monetization-text-1 {
font-family: Cabin, sans-serif; 
text-align: center; 
margin: 10% auto 30px auto;
font-size: 1.5em; 
text-transform: uppercase;
}

.onboarding-monetization-text-2 {
font-family: Open Sans, sans-serif; 
text-align: center; 
font-size: 1.5em;
font-size: 3em; 
margin: 20px auto 20px auto; 
line-height: 1.1em;
}

.onboarding-monetization-text-3 {
font-family: Cabin, sans-serif; 
text-align: center; 
font-size: 1.5em;
margin: 50px auto 70px auto;
}


.follow-onboard-item-top-cont {
display: flex; 
flex-direction: row;
justify-content: space-between;
}


.follow-onboard-user-image-cont {
margin-top: 5px;
margin-bottom: 5px;
align-self: flex-end;
}


.follow-onboard-topics-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
background-color: #111;
color: white;
}


.follow-onboard-item {
background-color: #222;
margin-bottom: 7px;
vertical-align: middle;
font-family: Cabin;
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
overflow: hidden;
height: 100%;
z-index: 2;
padding: 14px 16px;
text-align: left;
display: flex;
flex-direction: column;
justify-content: space-between;
}




@media (min-width: 1281px) {

.follow-onboard-item {
height: 250px;
width: 24%;
}

.follow-onboard-topics-container {
height: 400px;
}
}


@media (min-width: 1025px) and (max-width: 1280px) {
.follow-onboard-item {
height: 250px;
width: 24%;
}

.follow-onboard-topics-container {
height: 400px;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.follow-onboard-item {
height: 250px;
width: 24%;
}

.follow-onboard-topics-container {
height: 450px;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.follow-onboard-item {
height: 250px;
width: 24%;
}

.follow-onboard-topics-container {
height: 450px;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.follow-onboard-item {
height: 250px;
width: 49%;
}

.follow-onboard-topics-container {
height: 450px;
}
}

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
.follow-onboard-item {
height: 250px;
width: 24%;
}

.follow-onboard-topics-container {
height: 350px;
}
}


@media (min-width: 320px) and (max-width: 480px) {
.follow-onboard-item {
height: 250px;
width: 49%;
}

.follow-onboard-topics-container {
height: 450px;
}
}

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
.follow-onboard-item {
height: 250px;
width: 24%;
}

.follow-onboard-topics-container {
height: 350px;
}
}

.onboarding-form {
padding: 0px 15%;
}

.onboarding-monetization-items-cont {
margin-right: 25px !important;
margin-left: 25px !important;
}
/* end new onboarding pages */





/* tip styles */


/* tip feed */

.feed-tips-flex-message-container {
display: flex;
flex-direction: row;
width: auto;
min-width: 200px;
align-items: center;
margin-bottom: 10px;
/* justify-content: space-between; */
}

.received-tips {
font-size: 0.6em; 
color: #ccc; 
font-family: Cabin, sans-serif; 
}

.tip-cta-message {
margin-top: 5px;
margin-bottom: 4px;
color: #ccc;
}

.feed-insight-tipped {
border: 1px solid pink; 
border-radius: 50%;
height: 28px;
filter: invert(1);
}

.tip-cta-message-insight-avatar {
width: 28px;
height: 28px;
border-radius:50%;
object-fit: cover;
}

.tip-cta-message-insight-placeholder {
width: 28px;
height: 28px;
border-radius:50%;
object-fit: cover;
filter: invert(1);
border: 1px solid deeppink;
}

.feed-tips-flex-container {
display: flex;
flex-direction: row;
margin-top: 10px;
justify-content: flex-end;
margin-bottom: 55px;
}	

/* .feed-insight-tipped {
border: 2px solid #00ed53; 
border-radius: 50%;
height: 20px;
} */

.feed-tips-flex-inner-container {
display: flex;
flex-direction: row;
width: auto;
min-width: 200px;
align-items: center;
justify-content: space-between;
}

.feed-tips-green-pipe {
color: #00de53;
margin-right: 5px;
margin-left: 5px;
}

.feed-tips-money-icon {
width:30px;
}

.feed-tips-info-item {
text-align: right; 
font-size: 0.9em; 
display: block;
color: #fafafa;
}

a.send-tip, a.send-tip:hover {
display: flex !important;
font-size: 1em !important;
padding: 5px 10px !important;
border: 1px solid #00de53 !important;
border-radius: 20px !important;
text-decoration: none !important;
color: #00de53 !important;
justify-content: space-between !important;
align-items: center !important;
min-width: 88px !important;
}

a.get-tip-link, a.get-tip-link:hover {
display: flex !important;
font-size: 1em !important;
padding: 5px 10px !important;
border: 1px solid #00de53 !important;
border-radius: 20px !important;
text-decoration: none !important;
color: #00de53 !important;
justify-content: space-between !important;
align-items: center !important;
min-width: 82px !important;
filter: invert(41%) sepia(98%) saturate(1153%) hue-rotate(95deg) brightness(97%) contrast(95%);
}

img.send-tip-love {
width: 13px;
}

img.tip-paper-plane {
height: 14px;
filter: invert(1);
}

.receiving-tips {
font-size: 0.8em; 
color: #111; 
font-family: Noto Sans, sans-serif; 
/* border-left: 4px solid #00de53; */
padding-left: 3px; 
line-height: 0.8em
}
/* end tip feed */


/* tips page */

.my-tips-heading-section {
margin-bottom: 20px;
}

.my-tips-total-heading {
color: #666;
}

.my-tips-heading-text {
font-size: 2em;
font-family: Cabin, sans-serif;
margin-bottom: 15px;
color: #fafafa;
}

.my-tips-heading {
display: flex;
flex-direction: row;
align-items: center;
}

.earnings-filter-form {
width: 200px;
margin: 10px 0px 25px 0px;
}

a.view-receipt, a.view-receipt:hover {
font-size: 0.8em;
padding: 4px 8px 3px 8px;
border: 1px solid grey;
border-radius: 11px;
text-decoration: none;
color: grey;
}

.view-receipt-cont {
margin-top: 10px;
margin-bottom: 0px;
text-align: right;
}


.tip-item {
margin-top: 20px;
margin-bottom: 40px;
border: 1px solid #444;
padding: 8px;
border-radius: 4px;
}


.tip-item-divide {
border-top: 1px solid #ddd;
}


.tip-item-content {
display: flex; 
flex-direction: column; 
justify-content: space-between;
}

.tip-item-top-content {
display: flex; 
flex-direction: row; 
justify-content: space-between;
}

.tip-item-amount {
font-size: 1.4em; 
color: #fafafa;
line-height: 0.8em;
margin-bottom: 8px;
}


.tip-item-sender {
font-size: 0.9em;
}

.tip-item-from {
color: #666;
}

.tip-item-sender-name {
color: #ccc;
}

.tip-item-insight {
font-size: 0.9em;
}

.tip-item-for {
color: #666;
}

.tip-item-insight-name, .tip-item-insight-name:hover {
color: #fafafa !important;
}

.tip-item-timestamp {
font-size: 0.85em;
color: grey;
}

.tip-item-message {
background-color: #111;
border: 1px solid #444;
border-radius: 5px; 
padding: 6px; 
color: #fafafa; 
margin-top: 15px;
}

.tip-user-avatar {
width: 17px;
height: 17px;
object-fit: cover;
border-radius: 50%;
margin-bottom: 2px;
border: 1px solid #00de53;
}

.tip-item-personal-message {
margin-top: 7px;
}

.tip-message-label {
text-align: right; 
color: grey;
}

.tip-reply-label {
text-align: right; 
color: grey;
}

.tip-item-reply-cont {
margin-left: 30%; 
margin-top: 10px; 
text-align: right; 
}

input.editable-tip-reply {
width: 100%;
border: 1px solid #ccc;
padding: 5px;
overflow-y: scroll;
text-align: left;
border-radius: 3px;
resize: none !important;
word-wrap: break-word;
word-break: break-all;
background-color: transparent !important;
}

form.tipReply-form, form.tipReplyEdit-form {
margin-top: 10px;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none;
scroll-behavior: smooth;
}

input.tip-reply-submit-btn {
background-color: dodgerblue;
border: 1px solid dodgerblue !important;
color: white !important;
border-radius: 20px;
margin-right: 15px;
padding: 3px 8px;
}

div.tip-reply-btn-cont {
text-align: right;
margin-top: 10px; 
margin-bottom: 7px;
}

a.tip-reply-cancel-btn, a.tip-reply-cancel-btn:hover {
background-color: transparent;
border-radius: 20px;
padding: 3px 8px;
border: 1px solid #ccc;
color: #ccc;
}

a.tip-reply-btn, a.tip-reply-btn:hover {
padding: 5px 9px; 
border-radius: 20px; 
text-align: center; 
color: #fafafa;
border: 1px solid #fafafa; 
display: inline-block;
}

a.tip-reply-edit-btn, a.tip-reply-edit-btn:hover  {
text-align: right; 
color: #fafafa; 
display: block; 
font-size: 80%;
}


a.btn.btn-default.btn-sm.received-tips.active-tab, a.btn.btn-default.btn-sm.sent-tips, a.btn.btn-default.btn-sm.received-tips {
background-color: transparent !important;
color: #ccc;
}


.tips-page-container h4.tips-section {
color: #fafafa;
}



.tips-page-container {
font-family: Cabin, sans-serif;
padding-bottom: 200px;
margin-bottom: 100px;	
padding-left: 0px !important; 
padding-right: 0px !important;
}


.tips-section-transfer-info {
background-color: transparent;
padding: 6px 10px 6px 10px;
border: 1px solid #444;
border-radius: 4px;
color: #ccc;
}

.tip-section-total-amount-summary {
margin-bottom: 25px;
color: #fafafa;
}

.tips-mosaic-text {
color: white; 
font-family: Cabin, sans-serif; 
font-size: 1.2em; 
text-align: center;
}

.tips-mosaic-cont {
background-size: cover;
width: 100%;
height: 60px;
border-radius: 10px;
margin-bottom: 20px;
}

.tips-mosaic-image {
background-image: url(../twocents_app/wes3.jpg);
/* background-image: url(../../static/twocents_app/african-mosaic-feed.jpg); */
}

.tips-mosaic-overlay {
background: rgba(0,0,0, 0.5);
background-size: cover;
overflow: hidden;
padding: 4px 10px 4px 10px;
min-height: 100%;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
}


.my-tips-top-buttons-cont {
display:flex; 
justify-content: space-between; 
align-items: center; 
justify-content: end;
}


.back-to-profile-btn {
font-size: 1.1em;
padding: 9px 11px 9px 11px;
border: 1px solid #111;
border-radius: 20px;
text-decoration: none;
color: #111;
display: block !important;
margin: 10px 10px 10px 0px;
text-align: center;
}

.my-accounts-btn {
font-size: 1.1em;
padding: 9px 11px 9px 11px;
border: 1px solid #111;
border-radius: 20px;
text-decoration: none;
color: #111;
display: block !important;
margin: 10px 10px 10px 0px;
text-align: center;
}


.profile-tips-summary-outer-cont {
margin-top: 40px;
margin-bottom: 20px;
}


.profile-tips-summary-cont {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
background-color: transparent;
padding: 6px 10px 6px 10px;
border: 1px solid #eee;
border-radius: 4px;
text-align: justify;
font-size: 0.8em;
color: #fafafa;
}



.profile-tips-summary-divide {
height: 15px;
filter: invert(1);
}



.profile-tips-link, .profile-tips-link:hover  {
font-size: 1.1em;
padding: 9px 11px 9px 11px;
border: 1px solid #111;
border-radius: 20px;
text-decoration: none;
color: #111 !important;
display: block !important;
margin: 10px 10px 10px 0px;
text-align: center;
}

.profile-stats-info-link-cont {
display: flex;
justify-content: end;
flex-direction: row;
align-items: center;
margin: 25px auto 0px auto;
}

.profile-stats-info-link, .profile-stats-info-link:hover  {
font-size: 1.1em;
padding: 9px 11px 9px 11px;
border: 1px solid #111;
border-radius: 20px;
text-decoration: none;
color: #111 !important;
display: block !important;
margin: 10px 10px 10px 0px;
text-align: center;
}



.profile-share-btn-referal-count-cont {
display: flex; 
justify-content: space-between; 
align-items: center; 
margin-top: 35px;
}


.share-profile-btn {
background-color: #1f2229 !important;
border: none !important;
padding: 12px 20px !important;
margin: 0px 5px 0px 5px;
color: #fafafa !important;
border-radius: 25px !important;
}

.share-post-modal-text {
text-align: center;
color: white;
margin-bottom: 40px;
font-size: 1.3em;
}

.hide-tip-senders {
display: block;
text-align: center;
border: 1px solid #ccc;
color: #ccc;
padding: 6px 12px;
margin: 7px 0px 9px 0px;
background-color: transparent;
width: 100%;
border-radius: 0.2em;

}

.hidden-name-dots {
width: 5px;
height: 5px;
background-color: #333;
border-radius: 50%;
display: inline-block;
}


.earnings-summary-by-currency {
margin: 15px 0px 15px 0px;
}

.earnings-summary-by-currency-heading {
color: grey;
}

.earnings-summary-by-currency-info {
color: #ccc !important;
}

.share-tip-btn {
border: 1px solid #f06292 !important; 
border-radius: 15px !important; 
text-align: center !important; 
padding: 5px 8px !important;
display: inline-block !important;
color: #f06292 !important;
background-color: transparent !important;
}


.tip-item-share-cont {
font-size: 0.7em;
}

.share-tip-modal-shareable-content {
font-size: 0.8em; 
color: #fafafa; 
border: 1px solid #999; 
padding: 10px 12px;
border-radius: 2px; 
margin-bottom: 40px;
text-align: center;
}

.tip-share-page-container {
font-family: Open Sans, sans-serif;
padding-bottom: 200px;
margin-bottom: 100px;
padding-left: 0px !important;
padding-right: 0px !important;
}

.tip-share-page-link-cont {
margin: 30px 0px;
}

.tip-share-page-tip-link {
text-transform: uppercase;
font-size: 1em;
display: block;
margin: 15px auto 15px auto;
width: 100%;
text-align: center;
background-color:  transparent;
border: 1px solid #f06292;
padding: 8px 6px;
color: #f06292 !important;
}

.tip-share-page-insight-link {
text-transform: uppercase;
font-size:1em;
display: block;
margin: 15px auto 15px auto;
width: 100%;
text-align: center;
background-color: transparent;
border: 1px solid #03a9f5;
padding: 8px 6px;
color:#03a9f5 !important;
}

.tip-share-page-learn-more-link {
text-transform: uppercase;
font-size:1em;
display: block;
margin: 15px auto 15px auto;
width: 100%;
text-align: center;
background-color: transparent;
border: 1px solid #ccc;
padding: 8px 6px;
color:#ccc !important;
}

.tip-share-page-content-cont {
margin: 50px 0px 40px 0px; 
border: 1px solid #333;
padding: 15px 22px; 
border-radius: 4px;
display: block;
}

.tip-share-page-content-date-info {
font-size: 0.7em;
}
/* end tips page */


/* receipt page */
.receipt-page {

background-color: #111 !important;
height: auto;
color: #fafafa;

padding-bottom: 100px;
padding-top: 70px;
}

.download-as-pdf {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: #1e1e1e !important;
color: white !important;
font-family: Cabin !important;
font-size: 15px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: none !important;
}

.receipt-item {
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
font-size: 70%;
background-color: transparent !important;
}

.receipt-item-heading-cont {
background-color: transparent !important;
}

.receipt-card-summary-cont {
display: flex; 
flex-direction: row; 
align-items: center;
}

.receipt-item-card-image {
width: 20px;
}

.receipt-card-summary {
margin-left: 5px;
}


.receipt-item-heading {
font-family: Open Sans, sans-serif !important; 
font-size: 2em;
}

.receipt-items-list {
border-bottom: 5px #00de53 solid !important;
box-shadow: 0 1px 1px #00000014 !important; 
border-bottom-right-radius: 0px !important; 
border-bottom-left-radius: 0px !important;
font-family: Cabin, sans-serif !important;
list-style-type: none !important;
}

.receipt-image-cont {
margin-bottom: 20px;
}

.receipt-image {
width: 30px;
}
/* end receipt page */


/* end tips page */






/* earnings page */

.earnings-item-container {
border-radius: 4px;
border: 1px solid #ccc;
padding: 13px;
display: flex;
flex-direction: column;
/* justify-content: center; */
height: 280px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
margin: 20px 0px 20px 0px;
text-decoration: none !important;
font-family: Cabin, sans-serif;
}

.earnings-tip-item {
background-color:  transparent;
}

.earnings-subscription-item {
background-color:  transparent;
}

.earnings-ad-item {
background-color:  transparent;
}

.earnings-item-inner-container {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}

.earnings-item-icon {
height: 20px;
margin-right: 6px;
margin-bottom: 5px;
filter: invert(1);
}

.earnings-item-title {
font-family: Cabin, sans-serif;
font-size: 1.5em;
}


.earnings-tip-title {
color: #00de53;
}


.earnings-sub-title {
color: #03a9f5;
}


.earnings-com-title {
color: #a02cea;
}


.earnings-ad-title {
color: #f06292;
}

.earnings-item-description {
font-family: Cabin, sans-serif;
font-family: 0.9em;
color: grey;
}

.tip-item-eligibility {
color: #00de53;
}

.sub-item-eligibility {
color: #03a9f5;
}

.ad-item-eligibility {
color: #f06292;
}

.earnings-page-container {
padding-bottom: 100px;
}

.earnings-item-top {
margin-bottom: 10px;
}

.earnings-item-eligibility-container {
font-size: 80%;
margin-top: 7px;
color: #fafafa;
}

.earnings-item-eligibility {
letter-spacing: 0.3px;
}


.earnings-page-main-heading {
font-size: 4em; 
font-family: Open Sans, sans-serif;
color: #fafafa;
}

.earnings-item-link, .earnings-item-link:hover {
display: block;
width: 100%;
padding: 5px 10px;
border: 1px solid #fafafa;
background-color: transparent;
text-align: center;
border-radius: 2px;
color: #fafafa;
}

.earnings-locked-item {
height: 20px;
filter: invert(1);
}

/* end earnings page */






/* send tip form page */
.send-tip-page {
font-family: Open Sans, sans-serif !important;
margin-bottom: 100px;
}

form.send-tip-form  label.control-label {
display: block !important;
font-weight: 100;
color: #ccc !important;
}

.send-tip-page .send-tip-btn {
display: block !important;
width: 150px !important;
height: auto !important;
background-color: #00de53 !important;
border: 1px solid #00de53 !important;
border-radius: 20px !important;
color: white !important;
font-family: Cabin, sans-serif !important;
font-size: 1em !important;
text-align: center !important;
padding: 10px 0px 10px 0px;
text-decoration: none !important;
margin: 40px auto 40px auto;
}


.send-tip-page .copy-tip-btn {
display: block !important;
width: 150px !important;
height: auto !important;
background-color: #00de53 !important;
border: 1px solid #00de53 !important;
border-radius: 20px !important;
color: white !important;
font-family: Cabin, sans-serif !important;
font-size: 1em !important;
text-align: center !important;
padding: 10px 0px 10px 0px;
text-decoration: none !important;
margin: 40px auto 40px auto;
}


form.send-tip-form input#id_amount, form.send-tip-form input#id_message {
border: 1px solid grey !important;
outline: none !important;
box-shadow: none !important;
border-radius: 2px !important;
font-size: 0.9em !important;
letter-spacing: 0.3px !important;
background-color: #111 !important;
color: #fafafa !important;
}

form.send-tip-form input#id_amount:focus {
border: 1px solid grey !important;
}

form.send-tip-form .help-block {
display: block;
visibility: visible;
}

form.send-tip-form input:disabled {
pointer-events: none !important;
opacity: 0.5 !important;
}

.error-message {
margin: 10px auto 10px auto;
}

.send-tip-heading {
font-family: Cabin, sans-serif; 
font-size: 1.7em;                           
margin-bottom: 10px; 
text-align: center; 
color: #f8f8f8;
}

.send-tip-logo-cont {
margin-bottom: 20px;
}

.send-tip-logo {
height: 40px;
}

.send-tip-receiver-currencies {
font-family: Cabin, sans-serif;
margin-top: 30px; 
margin-bottom: 20px;
color: #fafafa;
}


.send-tip-owner-heading {
font-family: Open Sans, sans-serif; 
font-size: 2em;                           
margin-bottom: 10px; 
text-align: center; 
color: #fafafa;
}


.send-tip-content-title {
font-family: Cabin, sans-serif;
font-size: 1.4em;
line-height: 1.2em;
margin-bottom: 5px;
margin-top: -2px;
color: #fafafa;
}


.send-tip-content-text {
font-family: Cabin, sans-serif;
font-size: 0.8em; 
color: #ccc;
}


.send-tip-content-image {
width: 78px;
height:78px;
border-radius: 3px;
object-fit: cover;
}

div#sendTipLink {
width: 0px !important;
height: 0px !important;
font-size: 0em !important;
}

div#tip-message-char-count {
font-size: 80%;
text-align: right;
color: #ccc;
}

div.min-amount {
margin-right: auto;
margin-left: auto;
text-align: center;
}

.terms-and-charges {
font-family: Cabin, sans-serif; 
color: #666;
}

.tip-checkbox-flex-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
height: 30px !important;
color: #fafafa;
}

.tip-message-extra-info {
color: #ccc;
}


.send-tip-page #rec-amount {
color: #fafafa !important;
}
/* end send tip form page */



/* send tips card form page */

.send-tip-card-items-container {
margin: 2px 0px 40px 0px;  
padding: 6px 12px; 
border-radius: 6px;
border: 1px solid #eee; 
font-family: Cabin, sans-serif;
background-color: transparent;
color: #fafafa;
}

.send-tip-card-items-heading {
margin-top: 22px; 
font-family: Cabin, sans-serif;
color: #ccc;
}

.send-tip-card-item-container {
margin: 10px 0px 15px 0px;
}

.send-tip-card-item-flex-container {
display: flex; 
align-items: center;
justify-content: space-between;
}

.send-tip-card-item-inner-flex-container {
display: flex; 
align-items: center
}

.send-tip-card-item-logo {
width: 20px; 
margin-right: 7px;
}

.send-tip-card-item-summary {
font-size: 0.85em;
}

.send-tip.card-item-radio {
margin: 0px !important;
}


/* end send tip cards form page */




/* tips stats section feed */
.about-tips-link-container { 
display: flex;
flex-direction: row;
align-items: center;
}

.about-tips-link, .about-tips-link:hover {
color: white !important;
font-family: Cabin, sans-serif;
margin: 10px 0;
background-color: #1f2229;
padding: 8px 15px;
border: 1px solid  #1f2229;
border-radius: 4px;
overflow: hidden;
text-decoration: none !important;
display: block;
text-align: center;
}

.about-tips-icon {
display: inline-block; 
width: 17px; 
height: 17px; 
margin-bottom: 3px;
margin-right: 2px;
}


.earnings-link-account-prompt, .earnings-link-account-prompt:hover {
font-family: Open Sans, sans-serif;
color: #ddd;
}

.anon-prompt-item {
display: flex; 
justify-content: left; 
align-items: center; 
margin: 12px 0px;
}

.anon-prompt-icon {
width: 35px; 
margin-right: 10px;
}

.anon-prompt-text {
font-size: 1.1em;
}

.feed-earnings-heading {
font-family: Open Sans, sans-serif; 
font-size: 2.8em; 
margin-bottom: 10px;
}


.earnings-showcase-item-tipcount {
font-size: 90%; 
font-family: Cabin, sans-serif;

display: flex;
flex-direction: row;
justify-content: space-between;
align-items: baseline;


}


.earnings-showcase-item-amount {
font-size: 2em; 
font-family: Open Sans, sans-serif;
}


.earnings-showcase-item-currency {
font-size: 0.9em; 
font-family: Open Sans, sans-serif;
}

.earnings-right-arrow {
position: absolute;
visibility: hidden;
z-index: 10;
right: 5px;
}

.earnings-left-arrow {
position: absolute;
visibility: hidden;
z-index: 10;
left: 5px;
}

.feed-earnings-container {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: center;

}

.earnings-showcase-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex: auto;
overflow-x: auto;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent !important;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none;
scroll-behavior: smooth;
padding: 0px 10px 0px 0px;
}


.earnings-showcase-container::-webkit-scrollbar {
display: none !important;
}

.earnings-showcase-item {
min-height: 72px;
height: auto;
min-width: 245px;
width: auto;
color: #03a9f5;

vertical-align: middle;
font-family: Open Sans, sans-serif;
flex: 0 0 auto;
margin: 0 10px 0 0;

background-color: #1f2229;
padding: 3px 15px;
border: 1px solid #1f2229 !important;
border-radius: 4px;

overflow: hidden;
text-decoration: none !important;
}


.earnings-showcase-anon-image {
width: 100%; 
height: 50px; 
border-radius: 10px; 
object-fit: cover; 
margin-top: 10px;
}

.earnings-tipped-icon {
width: 22px; 
margin-bottom: 5px;
}



img.about-paid-cc {
width:15px;
filter: invert(1);
}

.earnings-showcase-item-amount-currency {
min-height: 60px;
height: 60px;
align-content: end;
}

button.paid-cc-amount-toggle-visibility {
border: none;
font-size: small;
font-weight: bold;
background-color: transparent;
outline: none;
padding: 0px;
font-family: Cabin, sans-serif; 
color: #f06292;
float: right;
}

button.amount-toggle-visibility {
border: none;
font-size: small;
font-weight: bold;
background-color: transparent;
outline: none;
padding: 0px;
font-family: Cabin, sans-serif; 
color: #03a9f5 !important;
}

.paid-cc-earnings-showcase-item {
min-height: 72px;
height: auto;
min-width: 231px;
width: auto;

vertical-align: middle;
font-family: Open Sans, sans-serif;
flex: 0 0 auto;
margin: 0 10px 0 0;

background-color: #1f2229;
/* color: #582841; */
color: #f06292;
padding: 2px 10px 2px 10px;
border: 1px solid  #1f2229;
border-radius: 4px;

overflow: hidden;
text-decoration: none !important;

}

.paid-earnings-showcase-item-currency {
font-size: 0.9em;
font-family: Open Sans, sans-serif;
}

.paid-earnings-showcase-item-amount {
font-size: 2em;
font-family: Open Sans, sans-serif;
}

.paid-earnings-container-header {
margin-top: 22px; 
display: flex; 
justify-content: space-between; 
align-items: center; 
font-family: Cabin, sans-serif;
margin-bottom: 2px;
color: #ccc;
}
/* end tips stats section feed */



/* tips => add account page */

.new-account-page-container {
font-family: Cabin, sans-serif;
background-color: #111;
height: auto;
margin-bottom: 200px;	
padding-left: 0px !important; 
padding-right: 0px !important;
}


.new-account-page-container .custom-list-group-item {
background-color: transparent !important;
border: 1px solid #ddd;
color: #fafafa !important;
}


.accounts-feedback-form textarea {
background-color: #111 !important;
color: #fafafa !important;
}


.new-account-page-heading {
display: flex; 
flex-direction: row ;
align-items: center; 
justify-content: space-between;
}

.new-account-page-heading-text {
font-family: Cabin, sans-serif;
color: #ccc;
}

.new-account-bank-icon {
width: 50px;
filter: invert(1);
}

/* .new-account-number, .new-account-bank-name {
display: none;
visibility: hidden;
}

label[for=id_account_number], label[for=id_account_bank_name] {
display: none;
visibility: hidden;
} */

div#bank-response-results {
text-align: center;
margin-bottom: 20px;
color: #ccc;
}

.new-bank-account-form label.control-label {
display: block;
font-weight: 100 !important;
color: #ccc !important;
}

form.new-bank-account-form select {
border-color: #ddd !important;
background-color: #111 !important;
color: #fafafa !important;
background-image: none !important;
}


form.new-bank-account-form input {
border-color: #ddd !important;
background-color: #111 !important;
color: #fafafa !important;
background-image: none !important;
}

.new-bank-account-form .add-new-account-btn, .add-new-account-btn:hover {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: #007BFF !important;
color: #fff !important;
font-family: Cabin !important;
font-size: 1.1em !important;
text-align: center !important;
padding: 7px 0px 7px 0px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1px solid #007BFF !important;
margin-top: 30px;
}

.new-bank-account-form .fetch-account-details-btn, .fetch-account-details-btn:hover {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: transparent !important;
font-family: Cabin !important;
font-size: 1.1em !important;
text-align: center !important;
padding: 7px 0px 7px 0px !important;
border-radius: 3px !important;
text-decoration: none !important;
color: #ccc !important;
border: 1.5px solid #ccc !important;
margin: 10px auto 25px auto;
}

.new-bank-account-form .disabled-fetch-account-details-btn {
pointer-events: none;
opacity: 0.5;
}

.new-bank-account-form .active-fetch-account-details-btn {
pointer-events: all;
opacity: 1;
}

.new-bank-account-form .new-bank-account-forminput:disabled {
pointer-events: none;
opacity: 0.5 !important;
}

.new-bank-account-form input:disabled ~ label {
opacity: 0.5 !important;
}

.new-bank-account-form div#bank-response-results {
margin-bottom: 20px;
font-size: 1.5em;
text-align: center;
color: #ccc;
}
/* end tips => add account page */




/* tips => my accounts page */
.new-account-max-accounts {
margin-bottom: 5px;
color: #fafafa;
}

/* end tips => my accounts page */



/* tips => verify tip transaction */
.bank-account-added-page {
height: auto;
color: #111;
padding-bottom: 100px;
padding-top: 200px;
}

.bank-account-added-heading {
font-family: Open Sans, sans-serif;
color: #fafafa;
}

.bank-account-added-subheading {
font-family: Cabin, sans-serif; 
text-align: center;
color: #fafafa;
}


.bank-accounts-list-group-item {
background-color: #111 !important;
border: 1px solid grey !important;
}


.go-to-tips-btn {
display: inline-block !important;
min-width: 130px !important;
width: auto;
height: auto !important;
background-color: #00de53 !important;
border: 1px solid #00de53 !important;
border-radius: 20px !important;
color: white !important;
font-family: Cabin, sans-serif !important;
font-size: 1em !important;
text-align: center !important;
padding: 10px 12px 10px 12px;
text-decoration: none !important;
margin: 40px auto 40px auto;
}

.tip-failure-icon {
width: 50px;
}

.tip-success-icon {
width: 50px;
}

.bank-success-icon {
width: 50px;
}
/* end verify tip transaction */





/* about tips page */

.about-monetization-page {
color: #fafafa;
font-family: Open Sans, sans-serif;
background-color: #111;
padding-bottom: 200px;
padding-top: 30px;
margin-top: -20px;
}

.about-monetization-top-icon {
width: 200px;
margin-top: 20px;
margin-bottom: 20px;
}

.about-monetization-top-heading {
text-align: left;
color: white;
font-size: 2.5em;
font-family: Open Sans, sans-serif;
margin-bottom: 50px;
}

.about-monetization-jumbotron {
width: 100%;
margin: 0px 0px 30px 0px;
border-radius: 10px;
}

.about-monetization-panel-title {
margin-top: 0 !important;
margin-bottom: 0 !important;
font-size: 1.6em !important;
color: #aafafa !important;
}

.about-monetization-text {
color: #fafafa !important;
font-family: Open Sans, sans-serif;
display: block;
}


.about-box-container {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

-webkit-box-pack: justify;
-webkit-justify-content: space-around;
-ms-flex-pack: justify;
justify-content: space-around;

margin-top: 60px;
margin-bottom: 60px;
text-align: justify;
color: white;
font-family: Open Sans, sans-serif;
}


.about-tips-top-heading {
color: white; 
font-size: 2.5em; 
font-family: Open Sans, sans-serif;
}


.about-tips-top-icon {
width:100px;
margin-bottom: 30px;
}

.about-box-1 {
margin-bottom: 20px;
}

.about-box-2 {
margin-bottom: 20px;
}


.about-tip-heading {
text-align: left;
margin-bottom: 20px;
color: #00de53 !important;
}



img.about-tips {
width: 250px;
box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.7);
border-radius: 5px;
}


img.writing-tips {
width: 250px;
}



.about-tips-wse-text {
color: white; 
font-size: 2.5em; 
font-family: Open Sans, sans-serif; 
color: white; 
margin-bottom: 50px;
}


.about-tips-wse-icon {
width:100px;
margin-bottom: 30px;
}

.about-screenshot {
/* width: 250px; */
}
/* end about tips page */





/* sender card modal */
.sender-add-card-modal {
top: 9% !important;
}

.sender-add-card-modal-content {
min-height: 300px !important;
height: auto;
width: 100% !important;
margin: auto !important;
padding-bottom: 20px !important;
font-family: Cabin, sans-serif;
}

.sender-add-card-title-cont {
height: 30px;
}

.sender-add-card-modal-title {
color: #1e1e1e !important;
opacity: 1 !important;
text-align: center;
font-size: 1.5em;
padding: 0px 30px 0px 30px;
}

.sender-add-card-items-cont {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}

.add-card-sad-face {
width: 40px;
}

.sender-add-card-div {
margin-bottom: 15px; 
text-align: center; 
}

.send-tip-items-cont {
margin-bottom: 40px;
margin-top: 30px;
}

.send-tip-info-text-bottom {
color:  #ccc;
opacity: 50%;
}

.send-tip-info-icon {
margin: 5px auto 40px auto;
height: 30px;
display: block;
filter: invert(1);
}

.send-tip-item-icon-cont {
width: 15%
}


.send-tip-item-info-cont {
width: 80%;
}

.send-tip-item-cont {
font-family: Cabin, sans-serif;
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}

.send-tip-info-text-top {
color: #fafafa;
}
/* end sender card modal */



/* receiving card modal */
.rec-add-card-div {
margin-top: 15px; 
margin-bottom: 15px;
color: #fff;
text-align: center;
}

.receiver-add-card-modal {

}

.receiver-add-card-modal-inner-content {
margin-top: 30px; 
width: 80%;
margin-right: auto;
margin-left: auto;
}

.close-receiver-modal-btn-cont {
margin-top: 70px;
}

.receiver-add-card-modal-content {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 500px !important;

height: auto;
width: 100% !important;
margin: auto !important;
padding-bottom: 20px !important;
font-family: Cabin, sans-serif;
background-color: #111 !important;  
}

.receiver-add-card-title-cont {
height: 30px;
}

.receiver-add-card-modal-title {
color: #fff !important;
opacity: 1 !important;
text-align: center;
font-size: 1.5em;
padding: 0px 30px 0px 30px;
}

.receiver-add-card-items-cont {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}

.close-receiver-card-modal-x {
font-size: 30px !important;
font-weight: 100 !important;
color: #fff !important;
opacity: 1 !important;
text-shadow: none !important;
}

.close-receiver-modal-btn, .close-receiver-modal-btn:hover {
display: block !important;
width: 100px !important;
height: auto !important;
background-color: #00de53 !important;
color: white !important;
font-family: Cabin, sans-serif !important;
font-size: 1em !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 20px !important;
text-decoration: none !important;
border: none !important;
margin: 40px auto 0px auto !important;
}
/* end receiver card modal */



/* tip loading modal */
.loading-accounts-modal-body {
margin-top: 200px;
}


.loading-accounts-modal-text {
color: white;
font-family: Cabin, sans-serif;
text-align: center;
}
/* end tip loading modal */



/* end tip styles */




.sessions-mosaic-jumbotron {
background-image: url(../twocents_app/african-mosaic-sessions.jpg);
background-color: #111;
background-blend-mode: overlay;
width: 100%;
height: auto;
margin-bottom: 30px;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
color: #1b1b1b;
font-family: Cabin, sans-serif;
color: white;
margin-top: -10px;
}


.interests-mosaic-jumbotron {
background-image: url(../twocents_app/logout-bg.jpg);
background-color: #111;
background-blend-mode: overlay;

width: 100%;
height: auto;
min-height: 250px;
padding-top: 80px;
margin-bottom: 30px;

background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
color: #1b1b1b;
font-family: Cabin, sans-serif;
color: white;
border-bottom: 4px solid #00de53;
}


.nav-mosaic-image {
background-size: cover;
width: 95%;
height: 60px;
border-radius: 5px;
margin-top: 30px;
margin-bottom: 20px;
}

.nav-mosaic-image {
background-image: url(../twocents_app/african-mosaic-feed.jpg);
}






/* space, session and interview answers in focus */

.sa-in-focus-heading {
font-family: Open Sans, sans-serif;
font-size: 3em;
color: #fff;
line-height: 1.1em;
/* text-transform: uppercase; */
letter-spacing: -1px;
margin-top: 7px;
}

.sa-in-focus-title {
display: block;
color: #fff;
font-family: Cabin;
font-size: 2em;
}

.sa-in-focus-owner-name, .sa-in-focus-owner-name:hover {
display: block;
color: #00de53;
font-family: Cabin, sans-serif;
font-size: 2em;   
}

.sa-in-focus-media-heading {
margin-bottom: 0px !important;
}

.sa-in-focus-question-owner-name {
font-size: 85%;
}

.sa-in-focus-question {
color: white;
}

.sa-in-focus-question-cont {
margin-bottom: 30px;
}

.sa-in-focus-owner-occupation {
color: white; 
font-size: 0.9em;
}

.sa-in-focus-answer-text {
color: white;
font-size: 0.9em;
margin-top: 7px;
text-align: justify;
padding: 10px;
border: 1px solid #eee;
border-radius: 4px;
margin-top: 15px;
}

.sa-in-focus-owner-avatar {
width: 70px;
height: 70px;
border-radius: 50%;
object-fit: cover;
}


.interest-in-focus-tio-avatar {
width: 25px;
height: 25px;
border-radius: 50%;
object-fit: cover;
margin-bottom: 3px;
}

.interest-in-focus-title, .interest-in-focus-title:hover {
display: block;
color: #fff;
margin-left: 7px;
font-family: Open Sans, sans-serif;
font-size: 2em;
}

.interest-in-focus-following {
color: #00de53;
font-size: 55%;
font-family: Open Sans, sans-serif;
}

.interest-in-focus-mvw-cont {
display: block;
margin-left: 7px;
font-family: Open Sans, sans-serif;
text-align: right;
margin-bottom: 25px;
}

.interest-in-focus-mvw {
color: white; 
font-size: 2em;
}

.interest-in-focus-mvwn, .interest-in-focus-mvwn:hover {
color: #00de53; 
font-size: 1.2em !important;
}

.interest-in-focus-ti-cont {
display: block;
margin-left: 7px;
font-family: Open Sans, sans-serif;
text-align: right;
margin-bottom: 18px;
}

.interest-in-focus-ti {
color: white; 
font-size: 2em;
font-family: Open Sans, sans-serif;
}

.interest-in-focus-tio, .interest-in-focus-tio:hover {
color: #00de53; 
font-size: 1.4em !important;
font-family: Open Sans, sans-serif;
}
/* end session and interview answers in focus */






/* my accounts page */

.accounts-section-heading {
font-size: 2.1em; 
font-family: Open Sans, sans-serif;
}

.accounts-checklist-block {
font-size: 1.1em; 
font-family: Open Sans, sans-serif; 
margin: 20px 0px 30px 0px;
background-color: #111; 
border: 1px solid #ccc;
color: #fafafa; 
border-radius: 4px;
padding: 10px 10px 3px 10px;
}

.accounts-completed-icon {
width: 20px;
}

.accounts-completed-icon-lg {
width: 25px;
}

.accounts-to-do-item-cont {
display: flex; 
flex-direction: row; 
align-items: center; 
justify-content: space-between;
}

li.to-do-list-item {
color: grey;
}

.accounts-account-item {
display: flex; 
flex-direction: row; 
align-items: center; 
justify-content: space-between;
}

.accounts-to-do-item {
font-size: 1em; 
font-family: Cabin, sans-serif; 
color: #fafafa;
}

.accounts-completed-item {
text-decoration:line-through;
color: grey;
}

.accounts-page-col {
margin-bottom: 50px;
}

.accounts-account-item-top {
display: flex; 
flex-direction: row; 
align-items: center; 
justify-content: space-between;
color: #fafafa !important;
}

.accounts-account-item-bottom {
display: flex; 
flex-direction: row; 
align-items: center; 
justify-content: space-between;
color: grey;
}

.accounts-account-owner {
font-weight: normal;
color: grey;
}

.accounts-email-block {
margin-top: 50px;
}

.send-account-feedback-btn, .send-account-feedback-btn:hover {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: #1f2229 !important;
color: white !important;
font-family: Cabin !important;
font-size: 15px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: none !important;
}


.accounts-page-container {
font-family: Cabin, sans-serif;
background-color: #111;
margin-bottom: 50px;	
padding-left: 0px !important; 
padding-right: 0px !important;
}

.add-account-btn, .add-account-btn:hover {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: #007BFF !important;
color: #fff !important;
font-family: Cabin !important;
font-size: 1.1em !important;
text-align: center !important;
padding: 7px 0px 7px 0px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1.5px solid #007BFF;
margin-top: 30px;
}



/* end accounts page */




/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 50px;
height: 25px;
}

/* Hide default HTML checkbox */

.switch input {
opacity: 0;
width: 0;
height: 0;
}

/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .1s;
transition: .1s;
}

.slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .1s;
transition: .1s;
}

input:checked + .slider {
background-color: #0d6efd;
}

input:focus + .slider {
box-shadow: 0 0 1px #0d6efd;
}

input:checked + .slider:before {
-webkit-transform: translateX(25px);
-ms-transform: translateX(25px);
transform: translateX(25px);
}

/* Rounded sliders */
.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
}
/* end accounts page */





/* send tip modal */

.send-tip-modal-content {
display: flex;
flex-direction: column;
justify-content: center;
height: auto;
width: 100% !important;
padding-bottom: 20px !important;
font-family: Cabin, sans-serif;
background-color: #111 !important;
border-radius: 0px !important;  
}




.send-modal-bg-image {
position: absolute;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
height: 100%;
object-fit: cover;
}

.send-tip-modal  .copy-tip-link-modal {
display: block !important;
width: 100px !important;
height: auto !important;
background-color: transparent !important;
color: white !important;
font-family: Cabin, sans-serif !important;
font-size: 1em !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 20px !important;
text-decoration: none !important;
border: 1px solid white !important;
margin: 20px auto 0px auto !important;
}

.send-tip-modal  #copyTipLink {
width: 0px !important;
height: 0px !important;
font-size: 0em !important;
}


.send-tip-amount {
border-top-width: 0px !important;
border-right-width: 0px !important;
border-left-width: 0px !important;
box-shadow: none !important;
border-radius: 0px !important;
padding-left: 0px !important;
font-size: 0.9em !important;
letter-spacing: 0.3px !important;
background-color: transparent !important;
color: #00de53 !important;
}

.send-tip-amount:focus {
border-color: #00de53 !important;
}

.close-tip-modal-x {
font-size: 30px !important;
font-weight: 100 !important;
color: #fff !important;
opacity: 1 !important;
text-shadow: none !important;
}

.send-tip-modal-btn, .send-tip-modal-btn:hover {
display: block !important;
width: 100px !important;
height: auto !important;
background-color: #00de53 !important;
color: white !important;
font-family: Cabin, sans-serif !important;
font-size: 0.9em !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 20px !important;
text-decoration: none !important;
border: none !important;
margin: 10px auto 10px auto !important;
}

.send-with-love-tip-icon {
margin: 10px auto 20px auto; 
display: block;
}

.send-tip-modal-inner-content {
margin-top: 30px; 
width: 100%;
margin-right: auto; 
margin-left: auto;
}

.send-tip-modal-main-text {
text-align: center; 
color: white; 
margin-bottom: 40px;
}

.send-tip-close-cont {
position: absolute;
top: 10px;
right: 10px;
}

.send-tip-modal-info-text-top {
color: white;
}

.send-tip-modal-info-text-bottom {
color: grey;
}

.send-tip-modal-info-icon {
margin: 10px auto 40px auto;
display: block;
}

.send-tip-modal-item-cont {
display: flex; 
justify-content: space-between; 
margin-bottom: 15px;
}

.send-tip-modal-item-info-cont {
display: flex; 
flex-direction: column; 
width: 100%; 
margin-left: 30px;
}

.send-tip-modal-item-icon-cont {
width: 15%
}

.send-tip-modal-close {
margin-top: 30px !important;
color: white !important;
background: none !important;
outline: none !important;
border: none !important;
}
/* end send tip modal */




/* custom side nav */

.custom-drawer-nav {
width: 80% !important;
}

/* end custom side nav */




/*  read more styles  */

a.read-more-fpt, a.read-more-faqt, a.read-more-faat, a.read-more-fiat,
a.show-less-fpt, a.show-less-faqt, a.show-less-faat, a.show-less-fiat,

a.read-more-fpt:hover, a.read-more-faqt:hover, a.read-more-faat:hover, a.read-more-fiat:hover,
a.show-less-fpt:hover, a.show-less-faqt:hover, a.show-less-faat:hover, a.show-less-fiat:hover,
a.read-more-fnt, a.show-less-fnt

{
text-transform: uppercase;
font-size: 0.8em;
display: block;
margin: 15px auto 15px auto;
width: 100%;
text-align: center;
background-color: transparent;
border: 1px solid #ccc;
padding: 8px 6px;
color: #ccc !important;
}

/*  end read more styles  */




/* feed side bar */

.feed-sidebar-body {
padding: 0px !important;
}

.feed-sidebar-avatar {
width: 65px;
height: 65px;
border-radius:50%;
object-fit: cover;
}


.feed-sidebar-placeholder {
width: 65px;
height: 65px;
border-radius:50%;
object-fit: cover;
border: 2px solid deeppink;
filter: invert(1);
}

.feed-sidebar-main-cont {
height: auto;
}

.feed-sidebar-top-cont {
height: 120px; 
background-color: #1f2229;
padding: 20px 20px 0px 20px;
}

.feed-sidebar-name, .feed-sidebar-name:hover {
color: #00de53 !important;
text-align: center;
font-size: 1.1em;
display: block;
}


.feed-sidebar-twocents {
color: #fff;
text-align: center;
font-size: 2.5em;
}

.feed-sidebar-occ {
color: #fff;
text-align: center;
font-size: 80%;
opacity: 0.8;
}

.feed-sidebar-bottom-cont {
height: auto;
min-height: 130px;
background-color: #111;
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: center;
padding: 25px;
}

.feed-sidebar-image-cont {
margin-top: -60px;
}

.feed-sidebar-following-cont {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
font-size: 85%;
color: #fafafa;
padding: 0px 20px 0px 20px
}

.feed-sidebar-twocents-text-1 {
text-align: center;
font-size: 1.5em;
line-height: 1.1em;
color: #ccc;
padding: 0px 20px 0px 20px;
}

.feed-sidebar-location-icon {
margin-bottom: 2px;
height:15px;
filter: invert(1);
}

.feed-sidebar-city {
font-size: 85%;
color: #fafafa;
}

.feed-sidebar-shortbio, .feed-sidebar-twocents-text-2 {
font-size: 0.7em; 
text-align: center;
color: #ccc;
}

.feed-sidebar-hr {
margin-top: 2px !important;
}

/* end feed side bar */



/* filtered feed page */

.filtered-content-page {
padding-top: 30px;
padding-bottom: 150px;
}

.filtered-content-heading {
font-family: Open Sans, sans-serif;
font-size: 2em;
margin: 30px auto 40px auto;
color: #fafafa;
}

.filter-query-name {
border-bottom-style: solid;
border-bottom-width: 5px;
border-bottom-color: #00de53;
font-weight: bold;
}

.filtered-insight-text {
overflow: hidden;
line-height: 1.6rem;
max-height: 7.7rem;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
overflow: hidden !important;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
}

.filtered-title, .filtered-title:hover {
font-size: 1.4em;
line-height: 2rem;
color: beige !important;
margin-bottom: 10px;
}

.filtered-owner-name, .filtered-owner-name:hover {
color: #fafafa;
font-size: 1em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.filtered-user-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
}

.filtered-city-name {
font-family: Cabin, sans-serif;
font-size: 0.8em;
color: #717171;
}

.filtered-title-cont {
margin-bottom: 3px;
margin-top: 5px;
}

.filtered-interest {
font-size: 0.8em;
}

.filtered-content-image {
margin-bottom: 18px;
width: 100%;
height: 250px;
object-fit: cover;
border-radius: 10px;
}

.filtered-content-item {
font-family: Cabin, sans-serif;
margin: 0 0 10px 0;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
object-fit: cover;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 550px;
max-height: 550px;
background-color: transparent;
}


 .filtered-item-save-cont {
justify-content: flex-end;
margin-bottom: 20px;
position: relative;
display: flex;
align-items: center;
}


.filtered-content-content-cont {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 5px 10px !important;
}

/* end filtered feed page */



/* featured series */

.featured-series-item, .featured-series-item:hover {
/* border: 1px solid #ddd; */
border-radius: 3px;
margin: 12px 0px 12px 0px;
display: flex;
flex-direction: row;
align-items: center;
color: white;
font-family: Cabin, sans-serif;
min-height: 100px;
}

.featured-series-image-cont {
margin-right: 15px;
}

.featured-series-title {
font-size: 1.1em;
/* font-weight: bold; */
}

.featured-series-owner {
font-size: 0.8em;
color: #ccc;
opacity: 0.7;

}

.featured-series-text {
font-size: 0.8em;   
}

.featured-series-items {
margin-top: 30px;
margin-bottom: 10px;
}


.fc-show-more, .fc-show-more:hover {
font-size: 0.8em;
display: block;
margin: 15px auto 15px auto;
width: 100%;
text-align: center;
background-color: transparent;
border: 1px solid white;
padding: 8px 6px;
color: white;
}

.featured-series-heading {
font-family: Open Sans, sans-serif;
font-size: 3.3em;
color: #fff;
line-height: 1.1em;
letter-spacing: -1px;
margin-top: 7px;
}

.featured-series-image {
width: 60px;
height: 60px;
object-fit: cover;
border-radius: 8px;
}

.featured-series-owner-cont {
color: white; 
text-align: right; 
margin-top: 20px;
}

.green-pipe {
margin: 0px 3px 0px 3px;
}

.featured-series-heading-cont {
margin-top: 40px;
}
/* end featured series */







/* featured contributor */
.featured-contributor-avatar {
object-fit: cover;
border-radius: 5px;
margin-right: 10px;
}

.featured-contributor-name {
color: beige;
}


.featured-contributor-heading-cont {
margin-top: 40px;
margin-bottom: 30px;
}

.featured-contributor-name-occ-cont {
display: flex; 
flex-direction: row; 
align-items: center; 
margin-top: 40px;
}

.featured-contributor-name-occ-inner-cont {
display: flex; 
flex-direction: column;
}

.featured-contributor-city-icon {
margin-right: 4px; 
margin-bottom: 5px;
height: 16px;
}

.featured-contributor-city-cont {
margin-top: 40px;
text-align: center;
}

.featured-contributor-city {
color: white; 
font-size: 1.2em;
}

.featured-contributor-green-divide {
margin: 20px auto 20px auto; 
background-color: #00de53; 
width: 30px; 
height: 3px;
}

.featured-contributor-insight-cont {
color: white; 
margin: 50px auto 40px auto; 
text-align: center; 
font-size: 2.3em;
}

.featured-contributor-stats-cont {
display: flex; 
flex-direction: row; 
justify-content: space-between; 
align-items: center;
width: 80%;
margin-right: auto;
margin-left: auto;
}

.featured-contributor-stat-cont {
display: flex; 
flex-direction: column; 
align-items: center; 
justify-content: space-between; 
color:beige;
}

.featured-contributor-stat-icon-cont {
margin-bottom: 10px;
}

.featured-contributor-views-icon {
width:45px;
margin-bottom: -10px;
}

.featured-contributor-upvotes-icon {
height: 30px;
}

.featured-contributor-comments-icon {
height: 30px;
}

.featured-contributor-score-cont {
color: white; 
margin: 50px auto 40px auto; 
text-align: center; 
font-size: 2.3em;
}

.featured-contributor-score {
font-size: 0.5em;
}

.featured-contributor-member-cont {
margin-top: 40px; 
text-align: center;
}

.featured-contributor-member-since {
color: white; 
font-size: 1.3em;
}

.featured-contributor-member-since-date {
color: white; 
font-size: 1.3em;
}

/* end featured contributor */






/* draft styles */




/* profile draft list */

.profile-draft-title {
font-size: 1.5em;
margin-bottom: 5px;
color: #ccc;
}

.profile-draft-created {
font-size: 0.7em;
}

.profile-draft-edit-cont {
display: flex; 
justify-content: flex-end;
}

.profile-draft-edit-btn {
padding: 4px 10px; 
border-radius: 15px; 
border: 1px solid #f8f8f8; 
color: #f8f8f8 !important; 
margin: 5px 0px 5px 0px;
}


.new-draft-btn, .new-draft-btn:hover {
display: block;
margin: 40px auto 40px auto;
width: 200px;
height: auto;
background-color: #1f2229;
color: white !important;
font-family: Cabin;
font-size: 1.2em;
text-align: center;
padding: 20px 1px;
border-radius: 35px;
}
/* end profile draft list */



/* draft page */
.edit-draft-page {
margin-top: 20px;
font-family: Cabin, sans-serif !important;
}

form.draft-form input {
background-color: #111 !important;
color: #fafafa !important;
}

form.draft-form div.trumbowyg-editor {
background-color: #111 !important;
color: #fafafa !important;
max-height: 350px !important;
min-height: 350px !important;
}

.save-draft-btn, .save-draft-btn:hover {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: transparent !important;
color: #ccc !important;
font-family: Cabin !important;
font-size: 15px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1px solid #ccc;
}

.publish-draft-btn, .publish-draft-btn:hover {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: #00de53 !important;
color: white !important;
font-family: Cabin !important;
font-size: 15px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1px solid #00de53;
}

.draft-back-btn {
padding: 4px 6px;
border: 1px solid #ccc; 
border-radius: 15px; 
display: block; 
margin: 7px auto 20px auto;
color: #ccc !important;
width: 60px;
text-align: center
}

.draft-publish-message {
color: #fafafa;
font-size: 0.85;
}


.trumbowyg-box.trumbowyg-fullscreen {
background-color: #111 !important;
}
/* end draft page */



/* publish draft page */
.publish-draft-page {
margin-top: 20px;
font-family: Cabin !important;
}

.publish-draft-original-content {
height: 0px !important; 
width: 0px !important; 
display: none !important;
}
/* end publish draft page */



/* new draft page */

.new-draft-page {
margin-top: 20px;
}

.go-to-draft-btn, .go-to-draft-btn:hover {
display: block !important;
width: 100% !important;
height: auto !important;
/* background-color: #00de53 !important; */
background-color: #333 !important;
color: white !important;
font-family: Cabin !important;
font-size: 15px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1px solid #333;
}

.newDraft-modal {
z-index: 50000 !important;
}

.draft-modal-top-cont {
display: flex; 
flex-direction: row; 
justify-content: flex-end;
}


.new-draft-form input#id_title {
color: #fafafa !important;
border-top-width: 0px !important;
border-right-width: 0px !important;
border-left-width: 0px !important;
box-shadow: none !important;
border-radius: 0px !important;
padding-left: 0px !important;
letter-spacing: 0.3px !important;
background-color: transparent !important;
}

.new-draft-page {
margin-top: 20px;
}

.new-draft-form .trumbowyg-editor {
max-height: 250px !important;
overflow-y: scroll !important;
min-height: 250px !important;
background-color: #111 !important;
-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important;
scroll-behavior: smooth !important;
}


.new-draft-form .trumbowyg-box.trumbowyg-fullscreen {
background-color: #111 !important;
}
/* end new draft page */



/* new draft insight modal */
.insight-form .help-block {
display: none;
visibility: hidden;
}

a.save-draft-new-insight {
display: block !important;
width: 49.5% !important;
height: auto !important;
background-color: transparent !important;
color: #fafafa !important;
font-family: Cabin !important;
font-size: 15px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1px solid #fafafa;
}

form#insight-form button.disabled-btn {
pointer-events: none;
display: block !important;
width: 49.5% !important;
height: auto !important;
background-color: grey !important;
color: white !important;
font-family: Cabin !important;
font-size: 15px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1px solid #ccc;
}

form#insight-form .green-btn {
display: block !important;
width: 49.5% !important;
height: auto !important;
background-color: #00de53 !important;
color: white !important;
font-family: Cabin !important;
font-size: 15px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: 1px solid #00de53 !important;

}

.insight-modal-top-heading {
background-color: #111;
padding: 8px 6px;
border-radius: 3px;
color: #333;
width: 92%;
font-family: Cabin, sans-serif;
text-align: justify;
font-size: 70%;
text-align: justify;
}


.insight-form-buttons-cont {
display: flex; 
flex-direction: row; 
justify-content: space-between; 
align-items: center;
}


/* end new draft insight modal */


/* end draft styles */







/* Stats page */

.stats-page-fluid-container {
padding-right: 0px !important; 
padding-left: 0px !important;
}


.stats-page-container {
padding-top: 60px;
padding-bottom: 200px;
}

.stats-page-header {
font-size: 4em;
font-family: Open Sans, sans-serif;
text-align: right;
color: #fafafa;
}

.stats-item-container {
border-radius: 4px;
padding: 13px;
display: flex;
flex-direction: column;
/* justify-content: center; */
height: 320px;
box-shadow: 0px 1px 2px rgba(158, 158, 158, 0.1);
-moz-box-shadow: 0px 1px 2px rgba(158, 158, 158, 0.1);
-webkit-box-shadow: 0px 1px 2px rgba(158, 158, 158, 0.1);
margin: 20px 0px 20px 0px;
text-decoration: none !important;
font-family: Cabin, sans-serif;
border: 1px solid #f1f1f1;

}


.general-stats-item-container {
background-color: transparent;
}


.insight-stats-item-container {
background-color: transparent;
}


.tipping-stats-item-container {
background-color: transparent ;
}


.stats-item-inner-container {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}

.general-stats-container {
display: flex; 
justify-content: space-between;
font-size: 1.4em;
}


.stats-contributor-score-heading {
font-size: 1.7em; 
text-align: left;
color: #f06292;
}

.stats-contributor-score {
font-size: 6em; 
text-align: right;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
align-self: flex-end;
font-family: Open Sans, sans-serif;
line-height: 0.9em;
color: #ccc;
}

.stats-contributor-rank {
font-size: 12em; 
text-align: right;
align-self: flex-end;
font-family: Open Sans, sans-serif;
line-height: 0.9em;
color: #ccc;
}

.general-stats-title {
color: #f06292;
}

.general-stats-score {
color: grey;
}

.general-stats-footer {
color: #f06292;
font-size: smaller;
}

.stats-section-container {
padding-right: 0px !important; 
padding-left: 0px !important;
margin-bottom: 40px;
}

.other-stat-title-tipping {
color: #03a9f5;
}

.stats-tipping-stat-heading {
color: #03a9f5;
font-size: 1.7em;
}

.bold-stat {
color: #fafafa;
}

.stats-insight-stat-heading {
color: #00de53; 
font-size: 1.7em;
}

.stats-insight-other-stats-cont {
display: flex; 
justify-content: space-between; 
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
font-size: 1.2em;
}

.other-stat-title {
color: #00de53;
}


.stats-date {
color: #fafafa;
}


.stats-insight-stat-count-date-cont {

}

.stats-insight-stat-title {
font-size: 1.5em;
color: grey;
}

.stats-insight-stat-text {
font-size: 0.75em;
color: #fafafa;
}

.stats-insight-stat-image-title-cont {
display: flex; 
justify-content: flex-start; 
align-items: flex-end; 
margin-bottom: 30px;
}

.stats-insight-stat-image-cont {
margin-right: 6px;
}

.stats-insight-stat-image {
width: 80px; 
height: 80px; 
object-fit: cover; 
border-radius: 5px;
}
/* End stats page */





/* modals */


.full-centered-modal {
display: flex;
flex-direction: column;
justify-content: center;
}

@media (min-width: 1281px) {
.full-centered-modal {
height: auto;
}
}


@media (min-width: 1025px) and (max-width: 1280px) {
.full-centered-modal {
height: auto;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.full-centered-modal {
height: auto;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.full-centered-modal {
height: auto;
overflow: scroll;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.full-centered-modal {
height: auto;
}
}

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
.full-centered-modal {
height: auto;
overflow: scroll;
}
}


@media (min-width: 320px) and (max-width: 480px) {
.full-centered-modal {
height: 100%;
}
}

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
.full-centered-modal {
height: auto;
overflow: scroll;
}
}

.modal-content {
background-color: #111 !important;
}

.mobile-modal-content {
background-color: #111 !important;
}

.centered-modal-dialog {
display: flex;
align-items: normal;
justify-content: center;
flex-direction: column;
min-height: 90%;
}

.centered-modal-content {
display: flex;
justify-content: center;
flex-direction: column;
}


/* end modals */





/* custom selectize styles */
.selectize-input, .selectize-control.single .selectize-input.input-active {
background: #111 !important;    
}

.selectize-dropdown, .selectize-dropdown.form-control {
background: #111 !important;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
color: #fff !important;
}

div.selectize-dropdown-content div.option.selected.active {
background-color: transparent !important;
color: #00de53 !important;
border: 1px solid #00de53 !important;
}

div.selectize-dropdown-content div.option.selected {
background-color: transparent !important;
color: #00de53 !important;
border: 1px solid #00de53 !important;
}

div.selectize-dropdown-content div.option:hover {
background-color: transparent !important;
color: #00de53 !important;
border: 1px solid #00de53 !important;
}
/* end custom selectize */





/* settings page */
.settings-page {
padding-top: 10px;
padding-bottom: 100px;
color: #fafafa;
}

.green-rounded-btn {
display: block;
margin: 40px auto 10px auto !important;
width: 120px !important;
height: 40px;
background-color: #00de53 !important;
color: #fff !important;
text-align: center !important;
padding: 6px 12px !important;
text-decoration: none !important;
border: 1px solid #00de53 !important;
border-radius: 20px !important;
font-size: 0.9em !important;
font-family: Cabin !important;
}




.settings-heading-icon {
width: 30px;
filter: invert(1);
margin-bottom: 3px;
margin-right: 4px;
}

.settings-form div.checkbox {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
flex-direction: row-reverse !important;
padding-left: 0px !important;
}

.settings-checkbox-flex-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
height: 30px !important;
/* color: #fafafa; */
}

.settings-label {
padding-left: 0px !important;
}


.settings-checkbox {
position: relative !important;
}

.settings-section-heading {
margin-top: 40px !important;
margin-bottom: 30px !important;
color: #ccc;

display: flex;
align-items: center;
}
/* end settings page */






/* toggle theme */
.drawer-toggle-theme-flex-container {
display: flex; 
align-items: center; 
justify-content: space-between; 
margin-top: 25px; 
margin-bottom: 25px; 
padding-right: 15px;
}


.drawer-bottom-logo {
margin: 50px 0px 20px 0px;
width: 30%;
}


.dropup-toggle-theme-flex-container {
display: flex; 
align-items: center; 
justify-content: space-between; 
margin-top: 25px; 
margin-bottom: 25px; 
padding-right: 15px;
padding: 4px 20px !important;
}

.dropup-toggle-theme-flex-container img.dropdown-icon {
filter: invert(1);
}

/* end toggle theme */






/* ai image modal */

a.get-ai-image-btn-insight, .get-ai-image-btn-insight:hover {
display: block;
text-align: center;
border: 1px solid #f06292;
color: #fff !important;
background-color: #f06292;
padding: 4px 20px 4px 20px;
border-radius: 3px;
font-size: 1.1em;
margin-top: 10px;
}

.ai-image-toggle-flex-container {
display: flex; 
align-items: center; 
justify-content: space-between; 
margin-top: 5px; 
margin-bottom: 5px; 
color: #fafafa;
}


.hyper-real-description {
font-size: 0.7em;
color: grey;
margin-bottom: 8px; 
}


.ai-image-modal {
font-family: Cabin, sans-serif;
}

.message-container {
font-size: 0.8em;
}

img.loading-ai-image {
height: 20px;
display: block;
margin-right: auto !important;
margin-left: auto !important;
}

div.loading-ai-image {
display: none;
}

img.new-generated-ai-image {
width:100%;
height: 100%;
object-fit: cover;

}

div.description-length-info-container {
margin-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
font-family: Cabin, sans-serif;
}

.description-length-info {
font-size: 0.7em;
}

.description-char-count {
font-size: 0.7em;
color: grey;
}

.generated-ai-image-container {
max-width: 100%;
width: 100%;
min-height: 260px;
max-height: 320px;
height: auto;
border: 1px solid #666;
border-radius: 3px;
object-fit: cover;
overflow: hidden;
padding: 2px;
}

.ai-image-action-buttons-container button {
width: 49%;
background-color: transparent;
box-shadow: none !important;
color: #fafafa;
font-family: Cabin, sans-serif;
font-size: 0.85em;
padding: 6px 12px;
outline: none !important;
border-radius: 3px;
}


button.submit-ai-image {
background-color: transparent;
color: #00de53;
border: 1px solid #00de53;
}

button.clear-ai-image {
background-color: transparent;
color: #fafafa;
border: 1px solid #fafafa;
}

textarea.ai-image-description {
width: 100% !important;
background-color: transparent !important;
color: #fafafa !important;
font-family: Cabin, sans-serif;
font-size: 0.8em;
overflow-y: clip;
border-radius: 3px;
}

button.submit-description-button {
width: 100%;
background-color: transparent;
box-shadow: none !important;
color: #03a9f5;
font-family: Cabin, sans-serif;
font-size: 0.85em;
padding: 6px 12px;
border: 1px solid #03a9f5;
outline: none !important;
margin: 10px auto 10px auto;
display: block;
border-radius: 3px;
}

label.ai-image-label {
font-family: Cabin, sans-serif;
font-size: 0.75em;
color: #ccc;
font-weight: normal !important;
}

.cropping-modal {
z-index: 100000 !important;
}


.ai-image-action-buttons-container {
margin-top: 10px;
margin-bottom: 10px;
display: flex;
justify-content: space-between;
display: none;
}


.ai-image-modal-header {
border-bottom: none !important;
padding: 0px 15px !important;
}
/* end ai image modal */





/*  rank page */

.contributor-rank-page-container {
font-family: Cabin, sans-serif;
background-color: #111;
height: auto;
margin-bottom: 200px;	
padding-left: 0px !important; 
padding-right: 0px !important;
}


.contributor-rank-page-container .custom-list-group-item {
background-color: transparent !important;
border: 1px solid #ddd;
color: #fafafa !important;
font-family: Open Sans, sans-serif !important;
}


.contributor-rank-page-heading {
display: flex; 
flex-direction: row ;
align-items: center; 
justify-content: space-between;
margin-bottom: 10px;
}

.contributor-rank-page-heading-text {
font-family: Cabin, sans-serif;
color: #ccc;
}

.contributor-rank-panel-icon {
width: 45px;
filter: invert(1);
}

.contributor-rank-media-heading {
/* white-space: nowrap; */
overflow: hidden;
text-overflow: ellipsis;
}

.monthly-meetup-banner {
background-color: #1f2229;
border-radius: 5px;
padding: 12px;
margin: 10px 0px 30px;
}


.contributor-rank-occupation {
color: #ccc;
font-size: 0.8em;
}


.contributor-rank-number {
display: flex;
align-items: center;
justify-content: center;

font-size: 1.85em;
color: white; 
border-radius: 50%; 
width: 40px;
height: 40px;
text-align: center;
background-color: transparent;
border: 2px solid #333;
}

.contributor-low-rank-number {
display: flex;
align-items: center;
justify-content: center;

font-size: 1.85em;
color: orangered; 
border-radius: 50%; 
width: 40px;
height: 40px;
text-align: center;
background-color: transparent;
border: 2px solid #333;
}

.contributor-high-rank-number {
display: flex;
align-items: center;
justify-content: center;

font-size: 1.85em;
color: #00de53; 
border-radius: 50%; 
width: 40px;
height: 40px;
text-align: center;
background-color: transparent;
border: 2px solid #333;
}

.contributor-rank-city-name, .contributor-rank-city-name:hover {
color: grey;
font-size: 0.8em;
}

.contributor-rank-city-icon {
height: 10px;
margin-bottom: 0px;
filter: invert(1);
}

.contributor-rank-contributor-item {
margin: 20px 0px 20px 0px; 
display: flex; 
justify-content: space-between; 
align-items: center;
min-height: 50px;
}

.contributor-rank-media-flex-container {
flex-basis: 75%;
}

.contributor-rank-rank-flex-container {
flex-basis: 23%;
flex: 0 0 auto;
}

.contributor-rank-city-stats-cont {
color: grey;
margin-right: 4px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}

.contributor-rank-stats-circle-cont {
color: grey;
}

.contributor-rank-stats-text {
color: #fafafa;
}

.contributor-rank-city-cont {
flex-grow: 1;
color: #ccc;
}

.contributor-rank-date-joined-container {
font-size: 0.8em;
color: grey;
margin-top: 4px;
}

.contributor-rank-date-joined {
color: #fafafa;
}

.cs-score-modal-flex-container {
display: flex;
margin: 15px 0px;
align-items: center;
}

.cs-score-modal-info-cont {
text-align: Justify;
margin: 7px 0px;
color: #fafafa;
font-size: 0.85em;
}
/* end rank page */









/* subscription styles */




/* feed premium styles */

.feed-subscribe-btn {
display: block;
text-align: center;
padding: 8px 12px;
margin-top: 12px;
background-color: #1f2229;
border-radius: 4px;
}

.feed-premium-icon-green {
height: 16px; 
filter: invert(78%) sepia(92%) saturate(7500%) hue-rotate(83deg)
brightness(101%) contrast(102%); 
margin-bottom: 3px;
margin-right: 3px;
}

.feed-premium-cta {
color: #00de53;
text-transform: uppercase;
}

.feed-trunc-insight-text {
color: #fafafa;
}


img.sub-copy-icon {
height: 12px;
margin-bottom: 3px;
filter: invert(78%) sepia(92%) saturate(7500%) hue-rotate(83deg)
brightness(101%) contrast(102%); 
}


a.get-sub-link, a.get-sub-link:hover {
display: inline-block !important;
font-size: 1em !important;
padding: 5px 10px !important;
border: 1px solid #00de53 !important;
border-radius: 20px !important;
text-decoration: none !important;
color: #00de53 !important;
justify-content: space-between !important;
align-items: center !important;
min-width: 82px !important;
}


.main-stats-premium-icon {
filter: invert(1); 
height: 18px;
margin-bottom: 3px;
}

.main-stats-active-subs-count {
color: #00de53;
}

.main-stats-active-subs-text {
color: #fafafa;
}

.main-stats-subs-link {
display: flex;
justify-content: space-between;
width: 100%;
}


/* end feed premium styles */


/* send sub modal */

.send-sub-modal-content {
display: flex;
flex-direction: column;
justify-content: center;

/* min-height: 500px !important; */
height: auto;
width: 100% !important;
/* margin: 10px auto 5px auto!important; */
padding-bottom: 20px !important;
font-family: Cabin, sans-serif;
background-color: #111 !important;
border-radius: 0px !important;
background-image: url(../twocents_app/tip-modal-bg.PNG);
background-repeat: no-repeat; 
background-position: center center; 
-webkit-background-size: cover; 
background-size: cover;   
}

.send-sub-modal  .copy-sub-link-modal {
display: block !important;
width: 100px !important;
height: auto !important;
background-color: transparent !important;
color: white !important;
font-family: Cabin, sans-serif !important;
font-size: 1em !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 20px !important;
text-decoration: none !important;
border: 1px solid white !important;
margin: 20px auto 0px auto !important;
}

.send-sub-modal  #copySubLink {
width: 0px !important;
height: 0px !important;
font-size: 0em !important;
}


.send-sub-amount {
border-top-width: 0px !important;
border-right-width: 0px !important;
border-left-width: 0px !important;
box-shadow: none !important;
border-radius: 0px !important;
padding-left: 0px !important;
font-size: 0.9em !important;
letter-spacing: 0.3px !important;
background-color: transparent !important;
color: #00de53 !important;
}

.send-sub-amount:focus {
border-color: #00de53 !important;
}

.close-sub-modal-x {
font-size: 30px !important;
font-weight: 100 !important;
color: #fff !important;
opacity: 1 !important;
text-shadow: none !important;
}

.send-sub-modal-btn, .send-sub-modal-btn:hover {
display: block !important;
width: 100px !important;
height: auto !important;
background-color: #00de53 !important;
color: white !important;
font-family: Cabin, sans-serif !important;
font-size: 0.9em !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 20px !important;
text-decoration: none !important;
border: none !important;
margin: 10px auto 10px auto !important;
}

.send-with-love-sub-icon {
margin: 10px auto 20px auto; 
display: block;
}

.send-sub-modal-inner-content {
margin-top: 30px; 
width: 100%;
margin-right: auto; 
margin-left: auto;
}

.send-sub-modal-main-text {
text-align: center; 
color: white; 
margin-bottom: 40px;
}

.send-sub-close-cont {
position: absolute;
top: 10px;
right: 10px;
}

.send-sub-modal-info-text-top {
color: white;
}

.send-sub-modal-info-text-bottom {
color: grey;
}

.send-sub-modal-info-icon {
margin: 10px auto 40px auto;
display: block;
}

.send-sub-modal-item-cont {
display: flex; 
justify-content: space-between; 
margin-bottom: 15px;
}

.send-sub-modal-item-info-cont {
display: flex; 
flex-direction: column; 
width: 100%; 
margin-left: 30px;
}

.send-sub-modal-item-icon-cont {
width: 15%
}

.send-sub-modal-close {
margin-top: 30px !important;
color: white !important;
background: none !important;
outline: none !important;
border: none !important;
}
/* end send tip modal */






/* sub form */

.send-sub-page {
padding-bottom: 100px;
}

.send-sub-already-subscribed {
padding-top: 30%;
}

.send-sub-heading {
font-family: Cabin, sans-serif;
font-size: 1.4em;
margin-bottom: 25px;
text-align: center;
color: #f8f8f8;
}

.semd-sub-reciever-info-title {
color:  #999; 
font-size: 1.2em;
}

.semd-sub-reciever-info-text {
color:  #fafafa; 
font-size: 1.2em;
}


.hr-green-small {
display: inline-block;
margin-top: 20px;
margin-bottom: 10px;
border: 0;
border-top: 1px solid #00de53;
width: 10%;
opacity: 0.7;
}

.send-sub-logo {
height: 28px;
}

.send-sub-content-image {
width: 85px;
height: 85px;
border-radius: 3px;
object-fit: cover;
}

.send-sub-sub-type-item {
border: 1px solid #fafafa; 
padding: 7px; 
border-radius: 3px; 
display: flex; 
justify-content: space-between; 
align-items: center;
margin-bottom: 10px;
min-height: 60px;
cursor: pointer;
}


.highlighted-sub-border {
border-color: #00de53 !important;
}

.highlighted-sub-content {
color: #00de53 !important;
}

.active-sub-border {
border-color: #fafafa !important;
}

.active-sub-content {
border-color: #fafafa !important;
}


.disabled-sub-border {
border-color: #444 !important;
}

.disabled-sub-content {
color: #444 !important;
}    


.send-sub-writes-on-cont {
display: flex; 
justify-content: flex-start; 
align-items: center;
margin-right: 5px;
}

.selected-sub-type-item {
border-color: #00de53 !important;
}



.send-sub-sub-type-val-cont {
display: flex;
flex-direction: column;
align-items: flex-start;
color: #fafafa;
}


.send-sub-sub-type-name {
font-size: 1.4em;
}

.send-sub-curr-amount-cont {
font-size: 80%;
}

.sub-amount {

}

.sub-message-extra-info {
color: #ccc;
margin-top: 10px;
}


.sub-message-extra-info-item {
border-left-style: solid;
border-left-color: #007BFF;
border-left-width: 5px;
padding-left: 6px;
}

form.send-sub-form input:disabled {
pointer-events: none !important;
opacity: 0.5 !important;
}

.send-sub-btn {
display: block !important;
width: 150px !important;
height: auto !important;
background-color: #00de53 !important;
border: 1px solid #00de53 !important;
border-radius: 20px !important;
color: white !important;
font-family: Cabin, sans-serif !important;
font-size: 1em !important;
text-align: center !important;
padding: 10px 0px 10px 0px;
text-decoration: none !important;
margin: 40px auto 40px auto;
}

.send-sub-response-message {
margin: 10px auto 10px auto;
}

.copy-sub-btn {
display: block !important;
width: 150px !important;
height: auto !important;
background-color: #00de53 !important;
border: 1px solid #00de53 !important;
border-radius: 20px !important;
color: white !important;
font-family: Cabin, sans-serif !important;
font-size: 1em !important;
text-align: center !important;
padding: 10px 0px 10px 0px;
text-decoration: none !important;
margin: 40px auto 40px auto;
}

.send-sub-btn {
display: block !important;
width: 150px !important;
height: auto !important;
background-color: #00de53 !important;
border: 1px solid #00de53 !important;
border-radius: 20px !important;
color: white !important;
font-family: Cabin, sans-serif !important;
font-size: 1em !important;
text-align: center !important;
padding: 10px 0px 10px 0px;
text-decoration: none !important;
margin: 40px auto 40px auto;
}

.send-sub-info-text-top {
color: #fafafa;
}

.send-sub-info-text-bottom {
color: #fafafa;
opacity: 0.6;
}

.send-sub-info-icon {
margin: 5px auto 40px auto;
height: 30px;
display: block;
filter: invert(1);
}

form#sub-form input#id_discount_code, form#sub-form-card input#id_discount_code,
form#sub-form input#id_referral_code, form#sub-form-card input#id_referral_code {
border: 1px solid grey !important;
outline: none !important;
box-shadow: none !important;
border-radius: 2px !important;
font-size: 0.9em !important;
letter-spacing: 0.3px !important;
background-color: #111 !important;
color: #fafafa !important;
}

.send-sub-apply-discount {
width: 100% !important;
border-radius: 3px !important;
background-color: #007BFF !important;
color: #fff !important;
text-align: center !important;
padding: 7px 12px !important;
z-index: 1000 !important;
font-size: 0.9em !important;
letter-spacing: 0.2px !important;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) !important;
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) !important;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) !important;
margin: 6px 0;
border: none !important;
}

.discount-form-group {
margin-bottom: 15px;
}

.send-tip-use-card-link {
display: block !important;
width: 150px !important;
height: auto !important;
background-color: transparent !important;
border: 1px solid #fafafa !important;
border-radius: 20px !important;
color: #fafafa !important;
font-family: Cabin, sans-serif !important;
font-size: 1em !important;
text-align: center !important;
padding: 10px 0px 10px 0px;
text-decoration: none !important;
margin: 40px auto 40px auto;
}


.send-sub-form-discount-label {
font-size: 75%; 
display: flex; 
justify-content: space-between;
align-items: center;
}

.send-sub-form-referral-heading {
color: #ab36fc;
}


/* end sub form */



/* sub form card */

form.send-sub-form-card  label.control-label {
display: block !important;
font-weight: 100;
color: #ccc !important;
}

.send-sub-card-items-heading {
margin-top: 22px;
font-family: Cabin, sans-serif;
color: #ccc;
font-size: 1.5em;
}

form.send-sub-form-card  input#id_message {
border: 1px solid grey !important;
outline: none !important;
box-shadow: none !important;
border-radius: 2px !important;
font-size: 0.9em !important;
letter-spacing: 0.3px !important;
background-color: #111 !important;
color: #fafafa !important;
}
/* end sub form card */



/* set sub amounts */
.subscription-form-page {
padding-top: 10px;
padding-bottom: 100px;
color: #fafafa;
font-family: Cabin, sans-serif;
}

.set-subs-form {

}

.set-subs-form label.control-label {
display: block;
font-weight: normal;
font-size: 0.8em;
color: #999;
}

.set-subs-form input {
background-color: transparent !important;
color: #fafafa;
}

.set-subs-form-extra-info {
color: #ccc;
font-size: 0.8em;
padding: 6px;
border: 1px solid grey;
border-radius: 5px;
margin-bottom: 10px;
}
/* end set sub amounts */




/* my subscribers page */


.subs-page-container {
font-family: Cabin, sans-serif;
margin-bottom: 100px;	
padding-left: 0px !important; 
padding-right: 0px !important;
}

.subs-page-container .subs-section {
color: #fafafa;
}

.sub-item {
/* background-color: #1f2229;  */
border-radius: 5px; 
border: 1px solid #444;
padding: 10px; 
margin-bottom: 7px;
}


.active-sub-item {
background-color: #1f2229; 
border-radius: 5px; 
padding: 10px; 
margin-bottom: 7px;
min-height: 100px;
display: flex;
flex-direction: column;
justify-content: center;
}

.sub-item-bottom-info-item {
margin: 3px 0px 3px 0px;
}

.active-sub {
width: 8px;
margin-bottom: 2px;
}

.active-sub-text {
color: #ccc;
}

.sub-item-message {
background-color: transparent;
border: 1px solid #666;
border-radius: 5px;
padding: 6px;
color: #fafafa;
margin-top: 15px;
}

.sub-message-label {
text-align: right;
color: grey;
}

.sub-item-personal-message {
margin-top: 7px;
}

.sub-item-info-top {
text-align: right; 
margin-bottom: 15px;
}

.sub-item-year-cont {
font-size: 1.4em;
}

.sub-item-year {
color: #ccc;
}

.sub-item-currency-cont {
font-size: 1.1em;
}

.sub-item-currency {
color: grey; 
font-size: 60%;
}

.sub-item-currency-symbol {
color: #fafafa;
}


.sub-item-amount-cont {
font-size: 1.1em;
}

.sub-item-amount {
color: grey; 
font-size: 60%;
}

.sub-item-amount-number {
color: #00de53;
}

.sub-item-name {
color: #ccc;
}

.sub-owner-avatar {
width: 17px;
height: 17px;
object-fit: cover;
border-radius: 50%;
margin-bottom: 2px;
border: 1px solid #00de53;
}

.sub-owner-occupation {
color: grey; 
font-size: 0.9em; 
margin-left: 20px;
}

.sub-item-info-bottom {
font-size: 0.85em; 
text-align: left; 
margin-top: 15px;
}

.sub-item-date {
color: grey;
font-size: 85%
}

.sub-item-date-value {
color: #fafafa;
}


.sub-city-cont {
margin-right: 15px;
color: #ccc;
text-align: end;
}

.sub-city-img {
height: 8px;
margin-bottom: 3px;
filter: invert(1);
}

.sub-city-name, .sub-city-name:hover {
color: #999;
font-size: 0.85em;
}


.sub-item-reply-cont {
margin-left: 30%;
margin-top: 10px;
text-align: right;
}

.sub-reply-label {
text-align: right;
color: grey;
}

.sub-user-avatar {
width: 17px;
height: 17px;
object-fit: cover;
border-radius: 50%;
margin-bottom: 2px;
border: 1px solid #00de53;
}


.sub-reply-text {

}


a.sub-reply-edit-btn {
text-align: right; 
color: #fafafa; 
display: block; 
font-size: 80%;
}

div.sub-reply-btn-cont {
text-align: right;
margin-top: 10px; 
margin-bottom: 7px;
}


a.sub-reply-btn, a.sub-reply-btn:hover {
padding: 5px 9px; 
border-radius: 20px; 
text-align: center; 
color: #fafafa;
border: 1px solid #fafafa; 
display: inline-block;
}

.earnings-pages-bank-profile-link-cont {
display: flex;
min-height: 45px;
justify-content: end;
}



.subs-list-empty-block {
margin-top: 30px; 
color: grey;
}


input.editable-sub-reply {
width: 100%;
border: 1px solid #ccc;
padding: 5px;
overflow-y: scroll;
text-align: left;
border-radius: 3px;
resize: none !important;
word-wrap: break-word;
word-break: break-all;
background-color: transparent !important;
}

input.sub-reply-submit-btn {
background-color: dodgerblue;
border: 1px solid dodgerblue !important;
color: white !important;
border-radius: 20px;
margin-right: 15px;
padding: 3px 8px;
}

a.sub-reply-cancel-btn, a.sub-reply-cancel-btn:hover {
background-color: transparent;
border-radius: 20px;
padding: 3px 8px;
border: 1px solid #ccc;
color: #ccc;
}


/* end my subscribers */



/* end subscription styles */






/* Series style */
.series-page {
padding-top: 20px;
font-family: Cabin, sans-serif;
color: #fafafa;
padding-bottom: 100px;
}

.series-item {
border: 1px solid grey;
padding: 6px;
border-radius: 4px;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 60px;
height: auto;
margin-bottom: 15px;
}

.series-item-bottom-flex-cont {
display: flex;
justify-content: space-between;
align-items: center;
}

.series-item-insight-count {
color: grey;
font-size: 0.9em;
}

button.add-series-btn {
display: block !important;
background-color: #00de53 !important;
border: 1px solid #ccc !important;
border-radius: 2px !important;
text-align: center !important;
width: 100%;
padding: 6px 12px;
color: white;
border: none !important;
}

.edit-series-btn, .edit-series-btn:hover {
color: #03a9f5 !important;
font-size: 0.8em;
}

.add-series-input {
background-color: transparent !important;
margin-bottom: 20px !important;
color: #fafafa !important;
}

.series-page-heading {
font-family: Open Sans, sans-serif !important;
}

form.new-series-form {
margin-bottom: 40px;
}

div.editable-series-input {
background-color: transparent;
color: #fafafa;
border: 1px solid #ccc;
padding: 4px;
border-radius: 5px;
overflow: hidden;
max-height: 60px;
}
/* end series styles */




/* audio player styles */

/* main audio player */

@media (min-width: 1281px) {
.audio-player-insight-info-cont {
flex-basis: 85%;
}

.audio-player-insight-image-cont {
flex-basis: 15%;
}
}


@media (min-width: 1025px) and (max-width: 1280px) {
.audio-player-insight-info-cont {
flex-basis: 85%;
}

.audio-player-insight-image-cont {
flex-basis: 15%;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.audio-player-insight-info-cont {
flex-basis: 85%;
}

.audio-player-insight-image-cont {
flex-basis: 15%;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.audio-player-insight-info-cont {
flex-basis: 85%;
}

.audio-player-insight-image-cont {
flex-basis: 15%;
}
}


@media (min-width: 481px) and (max-width: 767px) {
.audio-player-insight-info-cont {
flex-basis: 75%;
}

.audio-player-insight-image-cont {
flex-basis: 22%;
}
}

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
.audio-player-insight-info-cont {
flex-basis: 75%;
}

.audio-player-insight-image-cont {
flex-basis: 22%;
}
}


@media (min-width: 320px) and (max-width: 480px) {
.audio-player-insight-info-cont {
flex-basis: 75%;
}

.audio-player-insight-image-cont {
flex-basis: 22%;
}
}

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
.audio-player-insight-info-cont {
flex-basis: 75%;
}

.audio-player-insight-image-cont {
flex-basis: 22%;
}
}


.audio-player-insight-image {
width: 90px;
height: 90px;
object-fit: cover;
border-radius: 6px;
margin-right: 8px;
}

.audio-player-logo {
width: 15px;
height: 15px;
object-fit: cover;
}


div.audio-player-container {
width: 100%;
background-color: #1f2229;
padding: 10px 6px;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);

display: flex;
flex-direction: column;
align-items: center;
margin: 20px auto 20px auto;
}


.audio-player-top-section {
display: flex; 
justify-content: space-between; 
width: 100%; 
margin-bottom: 20px;
}

.audio-player-divide {
width: 100%;
height: 2px;
color: #999;
opacity: 0.1;
margin: 5px 0px 20px 0px;
background-color: grey;
}

.audio-player-insight-info-cont {
display: flex;
flex-direction: column; 
justify-content: space-between; 
}


.audio-player-insight-image-cont {
display: flex;
}

.audio-player-logo-cont {
display: flex; 
align-self: flex-end;
}


.audio-player-insight-title-cont {
color: beige; 
font-size: 1.3em;
}

.audio-player-insight-grey-text {
color: grey;
}

.audio-player-insight-owner {
color: white;
}

.audio-player-num-plays {
color: white;
}

.audio-player-insight-avatar {
width: 20px; 
height: 20px; 
object-fit: cover;
border-radius: 50%;
}

.scroll-play-icon {
filter: invert(1); 
height: 11px;
margin-right: 4px;
}

.scroll-play-text {
/* color:beige;  */
color: #fafafa;
font-size: 1.1em;
}

button.scroll-play,  button.scroll-play-in-modal {
font-family: Open Sans, sans-serif;
border-radius: 20px;
padding: 8px 24px;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
/* border: 1px solid #fafafa; */
background-color: #1f2229;
outline: none !important;
border: none !important;
}


.audio-player {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}


.play-pause-cont {
flex-basis: 10%;
min-width: 38px;
}



button.rewind, button.fastforward {
background: none !important;
border: none !important;
outline: none !important;
background-color: transparent !important; 

display: inline-flex !important; 
justify-content: center !important;
align-items: center !important;  
cursor: pointer !important;
height: 28px !important;
}

img.rewind, img.fastforward {
max-width: 100%;
max-height: 100%;
display: block;
}

.seek-cont {
flex-basis: 70%;
display: flex;
justify-content: space-between;
align-items: center;
}



.seek-bar {
width: 100%;
appearance: none;
-webkit-appearance: none;
background: linear-gradient(to right, #00de53 0%, #00de53 0%, #ccc 0%, #ccc 100%);
height: 5px;
border-radius: 5px;
outline: none;
}

.seek-bar::-webkit-slider-thumb {
-webkit-appearance: none;
width: 10px;
height: 10px;
background: #555;
border-radius: 50%;
cursor: pointer;
}

.seek-bar::-moz-range-thumb {
width: 10px;
height: 10px;
background: #555;
border-radius: 50%;
cursor: pointer;
}

.seek-bar::-ms-thumb {
width: 10px;
height: 10px;
background: #555;
border-radius: 50%;
cursor: pointer;
}

.seek-bar::-webkit-slider-runnable-track {
width: 100%;
height: 10px;
cursor: pointer;
}

.seek-bar::-moz-range-track {
width: 100%;
height: 10px;
cursor: pointer;
}

.seek-bar::-ms-track {
width: 100%;
height: 10px;
background: transparent;
border-color: transparent;
color: transparent;
cursor: pointer;
}


.duration-cont {
text-align: end;
color: #999;
font-size: 0.9em;
min-width: 56px;
}

.mute-cont {
flex-basis: 10%;
text-align: end;
min-width: 62px;
}


audio {
display: none !important;
visibility: hidden !important;
}

.controls {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}


button.play-pause, button.mute {
background: none;
border: none;
color: #fff;
font-size: 0.9em;
cursor: pointer;
transition: all 0.3s ease-in;
}

button.play-pause:hover, button.mute:hover {
/* color: #1db954; */
color: #00de53;
}

input[type="range"] {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 5px;
background: #555;
border-radius: 5px;
outline: none;
cursor: pointer;
}

input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
width: 10px;
height: 10px;
background: #00de53;
border-radius: 50%;
}

input[type="range"]::-moz-range-thumb {
width: 10px;
height: 10px;
background: #00de53;
border-radius: 50%;
}

input[type="range"]::-o-range-thumb {
width: 10px;
height: 10px;
background: #00de53;
border-radius: 50%;
}

.time {
color: #999 !important;
font-size: 0.85em;
}

/* main audio player */




/* audio player set voice */
.tts-form-page {
font-family: Cabin, sans-serif;
padding-top: 50px;
padding-bottom: 100px;
}


.tts-page-coming-soon {
font-family: 'Open Sans', sans-serif;
border: 1px solid #999;
padding: 6px;
border-radius: 4px;
color: #ccc;
}

.tts-page-coming-soon-heading {
font-size: 1.7em;
color: beige;
}


button.update-tts-voice {
display: block !important;
width: 150px !important;
height: auto !important;
background-color: #1f2229 !important;
color: white !important;
font-family: Cabin !important;
font-size: 1.3em !important;
text-align: center !important;
padding: 10px 12px;
border-radius: 30px;
margin: 30px auto 0px auto;
border: 1px solid #1f2229;
}


.set-voice-extra-info {
color: #fafafa;
}

.audio-player-set-voice {
}

.audio-player-set-voice-flex-cont {
display: flex; 
flex-direction: column; 
justify-content: space-between;
border: 1px solid #999;
padding: 7px 12px;
border-radius: 4px;
margin: 15px 0px;
min-height: 90px;
color: #fafafa;
}

.audio-player-set-voice-top-sec {
display: flex;  
justify-content: space-between;
}

.audio-player-set-voice-bottom-sec {
display: inherit;
}

.audio-set-voice-divide {
width: 100%;
height: 1px;
background-color: #999;
opacity: 0.2;
margin-right: auto;
margin-left: auto;
}
/* end audio player set voice */



/* end audio player styles */







/* Series styles */



/* CareerHub LP */
.home-career-hub-section {
margin-bottom: 70px;
}

a.home-career-hub-coming-soon {
display: block;
width: auto;
height: auto;
font-family: Cabin;
font-size: 1.2em;
text-align: center;
padding: 10px 12px 10px 12px;
border-radius: 3px;
text-decoration: none;
margin: 50px 0px 50px 0px;
color: white;
background-color: #007BFF;
border-style: solid;
border-width: 1px;
border-color: #007BFF;
}
/* end CareerHub LP */




/* CareerHub Feed */

.feed-career-hub-learn-more-link {
color: #fafafa !important;
font-family: 'Open Sans', sans-serif;
background-color: #1f2229;
padding: 5px 7px;
border: 1px solid #1f2229;
border-radius: 4px;
overflow: hidden;
text-decoration: none !important;
display: block;
text-align: center;
font-size: 0.85em;
}

.feed-career-hub-cont {
background-color: #111; 
color: #fafafa; 
padding: 0px;
max-height: 120px;
overflow-y: hidden;
margin: 15px 0px;
}


.feed-career-hub-main-flex-cont {
display: flex; 
flex-direction: row; 
justify-content: space-between;
}

.feed-career-hub-image-flex-cont {
flex-basis: 21%; 
width: 100%;
height: 100%;
}


.feed-career-hub-image {
border-radius: 2px;
background-image: url(../twocents_app/african-mosaic7.jpg);
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
object-fit: cover;
height: 100px;
}

.feed-career-hub-image-overlay {
background: rgba(0, 0, 0, 0.6);
overflow: hidden;
height: 100%;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}


.feed-rankings-image {
border-radius: 2px;
background-image: url(../twocents_app/rankings.jpg);
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
object-fit: cover;
height: 100px;
}

.feed-rankings-image-overlay {
background: rgba(0, 0, 0, 0.4);
overflow: hidden;
height: 100%;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.feed-career-hub-image-icon {
height: 35px;
}

.feed-career-hub-content-flex-cont {
flex-basis: 78%; 
padding: 5px;
}

.feed-career-hub-content-inner-flex-cont {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}

.feed-career-hub-title {
font-family: Open Sans, sans-serif;
font-size: 1.4em; 
color: beige; 
line-height: 0.75em;
padding-left: 4px;
border-left: 6px solid #00de53;
}

.feed-career-hub-description {
line-height: 1.2em; 
font-size: 0.75em;
color: #ddd;
}


.feed-referral-image {
border-radius: 2px;
background-image: url(../twocents_app/referral-feed-image.jpg);
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
object-fit: cover;
height: 100px;
}

.feed-referral-image-overlay {
background: rgba(0, 0, 0, 0.7);
overflow: hidden;
height: 100%;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
/* end CareerHub Feed */





/* CareerHub styles */
.career-hub-page {
color: #fafafa;
font-family: Cabin, sans-serif;
padding-bottom: 200px;
}

.career-hub-subscribe-block {
margin-bottom: 10px;
} 

.career-hub-series-item  {
height: 460px;
width: 300px;
vertical-align: middle;
font-family: Cabin, sans-serif;
flex: 0 0 auto;
margin: 0 8px 0 0;
object-fit: cover;
overflow: hidden;
border-radius: 5px;
text-decoration: none !important;
border: 1px solid #1f2229;
padding: 20px;
background-color: #1f2229;
}


.career-hub-series-insight-item  {
height: 400px;
width: 300px;
vertical-align: middle;
font-family: Cabin, sans-serif;
flex: 0 0 auto;
margin: 0 8px 0 0;
object-fit: cover;
overflow: hidden;
border-radius: 5px;
text-decoration: none !important;
border: 1px solid #333;
}



.carousel-wrapper-flexbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex: auto;
overflow-x: auto;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent !important;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none;
scroll-behavior: smooth;
/* padding: 0px 10px 0px 10px;  */
padding: 0px; 
}


.carousel-wrapper-flexbox::-webkit-scrollbar {
display: none !important;    
}

.carousel-container {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: center;
}

.career-hub-carousel-block {
margin-top: 40px;
margin-bottom: 80px;
}

.career-hub-carousel-block-series-owner {
font-size: 2em;
display: inline-block;
color: beige;
}

.career-hub-carousel-block-series-name, .career-hub-carousel-block-series-name:hover {
line-height: 1.1em;
font-size: 2.7em;
margin: 5px 0;
color: #fafafa !important;
}

.career-hub-carousel-block-series-price {
font-size: 200%; 
color: beige;
display: inline-block;
}

.career-hub-carousel-block-series-length {
color: #fafafa; 
border-bottom-style: solid;
border-bottom-width: 5px;
border-bottom-color: #007BFF;
font-size: 1.2em;
display: inline-block;
}


.career-hub-carousel-block-series-details {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: center;
}



.career-hub-carousel-block-series-about {
margin-top: 15px;
font-family: 'Open Sans', sans-serif;
text-align: justify;
}

.read-more-series-about, .read-less-series-about {
color: deepskyblue;
text-transform: uppercase;
}

.career-hub-carousel-block-heading {
font-size: 2.5rem;
line-height: 2.1rem;
color: #fafafa;
padding-left: 8px;
border-left-style: solid;
border-left-width: 6px;
border-left-color: #00de53;
margin-bottom: 25px;
}


.old-price-strikethrough {
color: white;
text-decoration: line-through;
text-decoration-color: red; 
text-decoration-thickness: 3px;
}


.career-hub-carousel-block-series-owner-avatar-cont {
display: inline-block;
}


.career-hub-carousel-block-series-owner-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
border: 3px solid #00de53;
}


.ch-left-btn {
position: absolute;
z-index: 10;
left: 40px;
}

.ch-right-btn {
position: absolute;
z-index: 10;
right: 40px;
}

.ch-right-btn img, .ch-left-btn img{
width: 50px;
}

.career-hub-big-mosaic {
border-radius: 10px;
object-fit: cover;
background-image: url(../twocents_app/career-hub-face.jpg);
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;

object-fit: cover;
}


.career-hub-big-mosaic-overlay {
background: rgba(0, 0, 0, 0.4);
overflow: hidden;
height: 100%;
z-index: 2;
padding: 25px;

display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}




.career-hub-image-collage-item-1 {
background-image: url(../twocents_app/african-mosaic7.jpg);
}

.career-hub-image-collage-item-2 {
background-image: url(../twocents_app/career-hub-face-1.jpg);
}

.career-hub-image-collage-item-3 {
background-image: url(../twocents_app/career-hub-face-2.jpg);
}

.career-hub-image-collage-item-4 {
background-image: url(../twocents_app/career-hub-face-3.jpg);
}

.career-hub-image-collage-item-5 {
background-image: url(../twocents_app/career-hub-face-4.jpg);
}




.career-hub-image-collage-item {
background-color: #2A363B;
margin-bottom: 7px;
font-family: Cabin;
background-size: 100%;
background-position: top center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
object-fit: cover;
overflow: hidden;
border-radius: 5px;
}

.career-hub-image-collage-full-height-item {
height: 300px;
}

.career-hub-image-collage-half-height-item {
flex-basis: 50%;
}


.career-hub-image-collage-item-overlay {
background: rgba(0, 0, 0, 0.1);
overflow: hidden;
height: 100%;
z-index: 2;
padding: 25px 10px 25px 10px;
text-align: left;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}

.career-hub-explainer-block {
margin-top: 15px;
}


.career-hub-explainer-block-heading {
font-size: 3em; 
color: white; 
display: inline-block; 
font-family: Open Sans, sans-serif;
margin-bottom: 10px
}

.career-hub-explainer-block-text {
font-size: 1.2em; 
color: beige; 
font-family: Open Sans, sans-serif;
}

.career-hub-discount-block {
margin-bottom: 70px
}

.career-hub-discount-block-flex-cont {
display: flex; 
justify-content: space-between; 
align-items: center; 
margin-bottom: 10px;
}


.career-hub-big-mosaic-icon {
height: 80px;
}

.career-hub-discount-code {
color: beige;
}

.tc-blue, .tc-blue:hover {
color: #03a9f5;
}

.tc-beige {
color: beige;
}

.tc-pink, .tc-pink:hover {
color: #f06292 !important;
}

.career-hub-collage-container {
display: flex; 
justify-content: space-between;
margin-bottom: 70px;
}


.career-hub-collage-col-1 {
flex-basis: 35%;
}

.career-hub-collage-col-2 {
display: flex; 
justify-content: space-between; 
flex-direction: column;
flex-basis: 31.5%;
}


.career-hub-collage-col-3 {
display: flex; 
justify-content: space-between; 
align-items: center;
flex-direction: column;
flex-basis: 31.5%;
}


.career-hub-carousel-block-series-owner-media-cont {
margin-bottom: 25px;
}


.career-hub-series-see-all-block {
margin: 50px auto;
}


.career-hub-series-see-all-cta {
font-size: 2em;
text-align: center;
}


.career-hub-series-sub-now, .career-hub-series-sub-now:hover {
font-size: 1.2em;
color: #fff !important;
background-color: #007BFF;
border-radius: 30px;
padding: 12px 16px ;
text-decoration: none !important;
margin: 50px auto 20px auto;
display: block;
text-align: center;
width: 200px;
}


.career-hub-series-see-all-link, .career-hub-series-see-all-link:hover {
font-size: 1.2em;
color: beige !important;
background-color: transparent;
border: 1px solid beige;
border-radius: 30px;
padding: 12px 16px ;
text-decoration: none !important;
margin: 50px auto 20px auto;
display: block;
text-align: center;
width: 200px;
}


.career-hub-partners-block {
margin-top: 100px;
margin-bottom: 80px;
}


.career-hub-partners-flexbox {
display: flex;
justify-content: space-between;
align-items: center;
}


.career-hub-partner-item {
margin-top: 20px;
margin-bottom: 20px;
}


.career-hub-partner-item-img {
min-width: 80px;
max-width: 200px;

object-fit: cover;
}


.career-hub-partners-heading, .career-hub-testimonials-heading {
font-family: Cabin;
font-size: 2.7em;
color: #fafafa;
text-align: center;
margin: 20px auto 35px auto ;
}



.career-hub-testimonials-block {
margin-top: 60px;
margin-bottom: 80px;
}


.career-hub-testimonial-item {
height: 380px;
width: 300px;
border-radius: 10px;
border: 1px solid #ccc;
padding: 22px 15px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
margin: 0 auto;
}

.testimonial-carousel-control {
background-image: none !important;
background-repeat: no-repeat !important;
}


.career-hub-testimonial-owner-avatar {
height: 50px; 
width: 50px; 
border-radius: 50%; 
object-fit: cover;
border: 2px solid #00de53;
}


.career-hub-testimonial-owner {
color: #00de53;
}

.career-hub-testimonial-owner-occupation {
display: inline;
font-size: 0.85em;
border-bottom-style: solid;
border-bottom-width: 3px;
border-bottom-color: #007BFF;
}

.career-hub-testimonial-text {
font-size: 0.8em;
}


.career-hub-series-insight-carousel-see-all-card {
height: 400px;
width: 300px;
flex: 0 0 auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 8px 0 0;
padding: 15px;

border-radius: 5px;
text-decoration: none !important;
border: 1px solid #1f2229;
background-color: #1f2229;
color: white;
}

.career-hub-series-insight-carousel-see-all-card a {
font-family: Open Sans, sans-serif;
color: white;
font-size: 2.2em;
}


.career-hub-series-insight-carousel-cover-photo-card {
height: 400px;
width: 300px;
flex: 0 0 auto;
text-align: center;
margin: 0 8px 0 0;
padding: 15px;
border-radius: 5px;
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
object-fit: cover;
}

.career-hub-series-insight-carousel-cover-photo-overlay, .career-hub-series-insight-carousel-cover-photo-overlay:hover {
background: rgba(0, 0, 0, 0.4);
overflow: hidden;
height: 100%;
z-index: 2;
padding: 25px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: white !important;
font-size: 2.2em;
}


.career-hub-carousel-series-item-about {
margin-top: 15px;
font-family: 'Open Sans', sans-serif;
font-size: 0.85em;
text-align: justify;
}

.career-hub-series-item-length-price-cont {
display: flex; 
justify-content: space-between; 
align-items: center;
}

.career-hub-series-item-name-avatar-cont {
display: flex; 
justify-content: space-between; 
align-items: center;
}


.career-hub-series-item-inner-flex-cont {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

.career-hub-series-item-green-bar {
height: 7px;
width: 100%;
background-color: #00de53;
margin-top: 10px;
}

.career-hub-series-item-sub-button, .career-hub-series-item-sub-button:hover {
display: block;
border-radius: 3px;
padding: 4px 10px;
text-align: center;
color: white;
margin-top: 20px;
background-color: #007BFF !important;
}


.career-hub-series-item-name {
font-size: 1.7em;
}

.career-hub-series-item-owner {
font-size: 1.4em;
color: beige;
}


.career-hub-big-career-hub-cont {
margin: 50px auto; 
text-align: center;
}




@media (min-width: 1281px) {

.career-hub-carousel-block-series-about {
font-size: 1em;
}

.career-hub-partners-flexbox {
flex-direction: row;
}


.career-hub-big-mosaic {
height: 450px;
width: 100%;
}

.career-hub-discount-bubble {
height: 140px;
}

.career-hub-big-career-hub {
font-size: 4em; 
}

.career-hub-big-by-twocents {
font-size: 1.7em;
}

.career-hub-subscribe-block {
font-size: 2em;
}

}



@media (min-width: 1025px) and (max-width: 1280px) {

.career-hub-carousel-block-series-about {
font-size: 1em;
}


.career-hub-partners-flexbox {
flex-direction: row;
}

.career-hub-big-mosaic {
height: 450px;
width: 100%;
}

.career-hub-discount-bubble {
height: 140px;
}

.career-hub-big-career-hub {
font-size: 4em; 
}

.career-hub-big-by-twocents {
font-size: 1.7em;
}

.career-hub-subscribe-block {
font-size: 2em;
}


}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {


.career-hub-carousel-block-series-about {
font-size: 1em;
}



.career-hub-partners-flexbox {
flex-direction: column;
}

.career-hub-big-mosaic {
height: 450px;
width: 100%;
}

.career-hub-discount-bubble {
height: 100px;
}

.career-hub-big-career-hub {
font-size: 4em; 
}

.career-hub-big-by-twocents {
font-size: 1.7em;
}

.career-hub-subscribe-block {
font-size: 2em;
}


}



@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {


.career-hub-carousel-block-series-about {
font-size: 1em;
}


.career-hub-partners-flexbox {
flex-direction: column;
}

.career-hub-big-mosaic {
height: 450px;
width: 100%;
}

.career-hub-discount-bubble {
height: 100px;
}

.career-hub-big-career-hub {
font-size: 4em; 
}

.career-hub-big-by-twocents {
font-size: 1.7em;
}

.career-hub-subscribe-block {
font-size: 2em;
}


}




@media (min-width: 481px) and (max-width: 767px) {


.career-hub-carousel-block-series-about {
font-size: 0.9em;
}


.career-hub-partners-flexbox {
flex-direction: column;
}

.career-hub-big-mosaic {
height: 300px;
width: 100%;
}

.career-hub-discount-bubble {
height: 80px;
}

.career-hub-big-career-hub {
font-size: 3em; 
}

.career-hub-big-by-twocents {
font-size: 1.5em;
}

.career-hub-subscribe-block {
font-size: 1.5em;
}


}



@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {


.career-hub-carousel-block-series-about {
font-size: 0.9em;
}

.career-hub-partners-flexbox {
flex-direction: column;
}

.career-hub-big-mosaic {
height: 300px;
width: 100%;
}

.career-hub-discount-bubble {
height: 80px;
}

.career-hub-big-career-hub {
font-size: 3em; 
}

.career-hub-big-by-twocents {
font-size: 1.5em;
}

.career-hub-subscribe-block {
font-size: 1.5em;
}

}




@media (min-width: 320px) and (max-width: 480px) {

.career-hub-carousel-block-series-about {
font-size: 0.9em;
}


.career-hub-partners-flexbox {
flex-direction: column;
}

.career-hub-big-mosaic {
height: 300px;
width: 100%;
}

.career-hub-discount-bubble {
height: 85px;
}

.career-hub-big-career-hub {
font-size: 3em; 
}

.career-hub-big-by-twocents {
font-size: 1.5em;
}

.career-hub-subscribe-block {
font-size: 1.5em;
}

}


@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {

.career-hub-carousel-block-series-about {
font-size: 0.9em;
}

.career-hub-partners-flexbox {
flex-direction: column;
}

.career-hub-big-mosaic {
height: 300px;
width: 100%;
}

.career-hub-discount-bubble {
height: 90px;
}

.career-hub-big-career-hub {
font-size: 3em; 
}

.career-hub-big-by-twocents {
font-size: 1.5em;
}

.career-hub-subscribe-block {
font-size: 1.5em;
}

}
/* end CareerHub styles */




/* all series page */

.all-series-page {
color: #fafafa;
font-family: Cabin, sans-serif;
padding-bottom: 200px;
}

.all-series-series-item {
height: 460px;
margin: 8px 0;
overflow: hidden;
border-radius: 5px;
text-decoration: none !important;
border: 1px solid #1f2229;
padding: 20px;
background-color: #1f2229;
}

/* end all series page */



/* series page */
.series-page {
color: #fafafa;
font-family: Cabin, sans-serif;
padding-bottom: 200px;
padding-top: 40px;
}

.series-page-insight-item {
height: 400px;
vertical-align: middle;
font-family: Cabin, sans-serif;
margin: 0 8px 25px 0;
object-fit: cover;
overflow: hidden;
border-radius: 5px;
text-decoration: none !important;
border: 1px solid #333;
}


.series-page-series-partner-cont {
margin-bottom: 80px;
}

.series-page-series-partner-inner-cont {
text-align: center;
}

.series-page-series-partner-link {
opacity: 0.6;
}

.series-page-series-partner-name {
opacity: 0.6;
}

.series-page-series-partner-logo {
width: 150px; 
filter: invert(1);
margin: 30px auto;
display: block;
}


.series-page-series-owner-media-cont {
margin-bottom: 25px;
}


.series-page-series-owner-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
border: 3px solid #00de53;
}

.series-page-series-owner {
font-size: 2em;
display: inline-block;
color: beige;
}

.series-page-series-name {
line-height: 1.2em;
font-size: 2.7em;
margin: 5px 0;
}

.series-page-series-details {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: center;
}

.series-page-series-length {
color: #fafafa; 
border-bottom-style: solid;
border-bottom-width: 5px;
border-bottom-color: #007BFF;
font-size: 1.2em;
display: inline-block;
}

.series-page-series-price {
font-size: 200%; 
color: beige;
display: inline-block;
}

.series-page-series-about {
margin: 15px 0px;
font-family: 'Open Sans', sans-serif;
text-align: justify;
}

.read-more-series-about, .read-less-series-about {
color: deepskyblue;
text-transform: uppercase;
cursor: pointer;
}

.series-page-sub-now, .series-page-sub-now:hover {
font-size: 1.2em;
color: #fff !important;
background-color: #007BFF;
border-radius: 30px;
padding: 12px 16px ;
text-decoration: none !important;
margin: 50px auto 20px auto;
display: block;
text-align: center;
width: 200px;
}


.series-page-subscribe-btn {
visibility:visible; 
background-color: #007BFF;
color: #fff ;
text-align: center;
padding: 7px 12px; 
position: fixed; 
z-index: 1000 !important; 


font-size: 1.2em !important;
letter-spacing: 0.2px !important;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.series-page-insight-title, .series-page-insight-title:hover {
font-size: 1.2em !important;
color: #fafafa !important;
}

.series-page-insight-part {
text-align: right;
}



@media (min-width: 1281px) {

.series-page-subscribe-btn {
width: 25%; 
left: 1%; 
bottom: 70px;
border-radius: 3px;
}

.series-page-intro-section-outer-cont {
flex-direction: row;
}

}


@media (min-width: 1025px) and (max-width: 1280px) {

.series-page-subscribe-btn {
width: 25%; 
left: 5%; 
bottom: 70px;
}

.series-page-intro-section-outer-cont {
flex-direction: row;
}

}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.series-page-subscribe-btn {
width: 100%;
left: 0%;
bottom: 50px;
}

.series-page-intro-section-outer-cont {
flex-direction: row;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.series-page-subscribe-btn {
width: 100%;
left: 0%;
bottom: 50px;
}

.series-page-intro-section-outer-cont {
flex-direction: row;
}

}

@media (min-width: 481px) and (max-width: 767px) {
.series-page-subscribe-btn {
width:100%; 
left: 0%; 
bottom: 50px;
}

.series-page-intro-section-outer-cont {
flex-direction: column;
}
}

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
.series-page-subscribe-btn {
width: 100%; 
left: 10%; 
bottom: 50px;
}

.series-page-intro-section-outer-cont {
flex-direction: row;
}
}


@media (min-width: 320px) and (max-width: 480px) {
.series-page-subscribe-btn {
width: 100%; 
left: 0%; 
bottom: 50px;
}

.series-page-intro-section-outer-cont {
flex-direction: column;
}
}

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
.series-page-subscribe-btn {
width: 100%; 
left: 0%; 
bottom: 50px;
}

.series-page-intro-section-outer-cont {
flex-direction: row;
}
}


.series-page-series-owner-avatar-lg {
width: 30px;
height: 30px;
border-radius: 50%;
object-fit: cover;
}

.series-page-go-to-section, .series-page-go-to-section:hover {
color: #999 !important;
}

.series-page-intro-section-outer-cont {
display: flex; 
justify-content: space-between;
margin-bottom: 80px;
align-items: flex-start;
}


.full-width-text {
display: block;     
width: 100%;     
font-size: 3em;   
font-weight: bold;
/* text-align: center;  */
}

.series-page-greetings-cont {
margin-right: 30px;
line-height: normal;
}

.series-page-message-cont {
display: flex; 
justify-content: space-between;
flex-direction: column;

border-bottom-style: solid;
border-bottom-color: #00de53;
border-bottom-width: 8px;
}

.series-page-message-inner-flex-cont {
display: flex; 
align-items: flex-start; 
justify-content: space-between;
flex-direction: row;
min-width: 100%;
width: 100%;
}

.series-page-owner-message {
color: #fafafa;
font-size: 0.8em; 
text-align: justify;
flex-basis: 85%;
}

.series-page-owner-avatar-cont {
margin: 0px 0px 30px 0px;
}

.series-page-resources-questions-cont {
display: flex; 
flex-direction: row; 
justify-content: space-between;
align-items: center;
color: #999;
width: 100%;
margin: 10px 0;
}

.series-tabs-section {
margin-top: 60px;
}

.submit-new-series-ques-btn {
background-color: #1f2229;
color: #fff;
text-align: center;
padding: 6px 12px;
font-size: 0.9em !important;
letter-spacing: 0.2px !important;
display: block;
margin-bottom: 40px;
width: 100%;
border: none !important;
}

textarea.new-series-question-textarea {
background-color: transparent;
border-radius: 3px;
margin: 15px 0 7px 0;
padding: 4px;
width: 100%;
}

form.new-series-question-form {
margin-bottom: 80px;
}

.edit-series-ques-btn {
text-align: right;
display: block;
}



.series-page-question-cont {
margin: 15px 0px 15px 0px
}

.series-ques-owner-cont {
margin-top: 5px !important;
}

.series-ques-owner-avatar {
width: 30px;
height: 30px;
object-fit: cover;
border-radius: 50%;
margin-bottom: 30px;
}

.series-ques-text, .series-ques-text:hover {
font-family: Cabin, sans-serif;
color: #fafafa !important;
}

.series-answer-cont {
padding: 10px 5px 10px 5px;
border: 1px solid #ddd;
border-radius: 8px;
margin-bottom: 20px;
margin-top: 15px;
}

.series-answer-btn-cont {
text-align: right;
margin-top: 3px;
margin-bottom: 10px;
}

.series-content-dropdown {

}

.answer-series-ques-btn, .answer-series-ques-btn {
display: inline-block;
color: #009fe3;
background-color: transparent;
border: 1px solid #009fe3;
border-radius: 20px;
padding: 7px 12px 7px 12px;
font-size: 1.3rem; 
text-align: right;
text-decoration: none !important;
}

.edit-series-answer-btn {
color: #fafafa !important;
background-color: transparent !important;
}

.series-answer-owner-cont {
margin-bottom: 10px;
}

.series-answer-owner-img-cont {
margin-top: 5px !important;
}

.series-answer-owner-avatar {
width: 20px;
height: 20px;
border-radius: 50%;
object-fit: cover;
filter: invert(1);
border: 1px solid deeppink;
}

.series-answer-owner-name {
color: #ccc;
}

.series-answer-text {
color: #fafafa;
}

a.upvote-series-answer {
color: #fff !important;
}

.upvote-series-btn, .upvote-series-btn:hover {
width: 15px;
margin-bottom: 3px;
text-decoration: none !important;
filter: invert(1);
}


.upvoted-series-btn, .upvoted-series-btn:hover {
width: 15px;
margin-bottom: 3px;
text-decoration: none !important;
}

.series-answer-upvote-count {

}

.total-series-answer-upvotes-high {
color: #00de53;
}

.total-series-answer-upvotes {
color: #fff;
}

.login-upvote-series-answer {

}

.series-answer-comment-cont {

}

div.editable-series-content {
max-width: 100%;
height: 120px;
border: 1px solid #ccc;
padding: 5px;
overflow-y: scroll;
text-align: left;
border-radius: 3px;
resize: none !important;
word-wrap: break-word;
word-break: break-all;
}


div.editable-series-content, div.editable-series-content:focus {
-webkit-overflow-scrolling: touch !important;
-ms-overflow-style: none !important;
overflow: -moz-scrollbars-none !important;
scrollbar-width: none !important; 
scroll-behavior: smooth !important;
background-color: #111 !important;
}


div.editable-series-content::-webkit-scrollbar {
display: none !important;
}

.series-page-questions-cont {
margin: 20px;
}

a.series-edit-btn, a.series-edit-btn:hover {
font-size:0.9em;
padding: 4px 8px 3px 8px;
border: 1px solid #007BFF;
border-radius: 15px;
text-decoration: none !important;
color: #007BFF;
}


a.series-add-resource-btn, a.series-add-resource-btn:hover {
display: block;
width: 200px;
font-size: 1em;
text-align: center;
padding: 8px 12px;
border: 1px solid #007BFF;
border-radius: 20px;
text-decoration: none !important;
color: #007BFF;
margin: 50px auto;
}


.series-edit-btn-cont {
display: flex; 
justify-content: flex-end;
margin: 0px 0px 20px 0px;
}
/* end series page */


/* edit series page */
.edit-series-page {
font-family: Open Sans !important;
background-color: #111;
margin-top: 50px;
margin-bottom: 100px; 
padding-bottom: 70px;
}

.edit-series-form input.form-control, .edit-series-form textarea.form-control {
background-color: transparent !important;
color: #fafafa !important;
}

.edit-series-page label {
display: block;
font-size: 0.8em;
color: beige;
font-weight: 100;
}
/* end edit series page */



/* general series styles */
.series-subscriber-count-icon-w {
height: 17px; 
margin-bottom: 2px;
}

.series-subscriber-count-icon {
height: 17px; 
margin-bottom: 2px;
filter: invert(1);
}

.series-subscriber-count-icon-cont {
margin-top: 10px;
}
/* end general series styles */



/* series partner page */

.partner-page-partner-logo {
width: 150px; 
filter: invert(1);
margin: 0px 0px 20px 0px;
display: block;
}

.partner-page-section-item-heading {
font-size: 1em;
opacity: 0.7;
}

.partner-page-section-item-content {
font-size: 1.2em;
}

.partner-page-section-item-cont {
margin: 40px 0px;
}

.partner-page-series-item {
margin: 15px 0px; 
font-size: 1.6em;
padding: 9px 12px;
background-color: #1f2229;
border-radius: 4px;
margin: 6px 0px;
}

.partner-page-series-section {
margin-top: 60px;
}


.partner-page-tabs-cont {
margin-top: 50px;
}

.partner-page-item-icon {
height: 30px; 
filter: invert(1);
}


.partner-page-collage-section {
margin-top: 150px;
}
/* end series partner page */



/* end series styles  */





/* commissions styles */


/* commissions page */
.my-coms-heading-text {
color: #a02cea;
font-size: 2em;
font-family: Cabin, sans-serif;
margin-bottom: 15px;
}

.coms-item-series-name {
color: #ccc;
}

.coms-total-recieved-count {
color: #a02cea;
}

.zero-width-copy-div {
width: 0px !important;
height: 0px !important;
font-size: 0em !important;
}

.coms-page-referral-section {
margin: 40px 0px;
}

.coms-page-referral-code-container {
background-color: #222; 
padding: 4px 10px; border-radius: 5px; 
margin: 4px 0px; width: fit-content;
min-width: 280px;
display: flex; 
justify-content: space-between; 
align-items: center;
}

.coms-page-referral-code {
font-size: 1.1em; 
color: #a02cea; 
font-family: Cabin, sans-serif;
}


div.drawer-referral-section .coms-page-referral-code-heading {
font-size: 0.9em; 
color: #ccc;
}

.coms-page-referral-code-heading {
font-size: 0.9em; 
color: #999;
}

.coms-page-copy-code-button, .coms-page-copy-code-button:hover {
font-size: 0.8em; 
color: #ccc !important; 
text-align: right; 
display: block;
}

.copy-referral-code-icon {
height: 10px; 
filter: invert(1); 
margin-bottom: 2px;
}

.coms-page-copy-referral-code-subtext {
color: #bbb; 
text-align: justify;
}
/* end commissions page */



.drawer-referral-section {
margin: 25px 0px 30px 0px;
}


.bottom-nav-referral-section {
margin: 25px 0px 30px 0px;
padding: 4px 20px;
}


button.copy-to-clipboard {
background-color: transparent !important;
border: none !important;
outline: none !important;
}



/* end commissions styles */






/* New insight creation styles */


.audio-type {
height: 20px;
}


.audio-insight-icon {
border: 1px solid white;
padding: 3px 14px;
border-radius: 1.5em;
width: 130px;
margin: 10px 0px 2px 0px;
}


.audio-insight-icon-small {
border: 1px solid white;
padding: 3px 10px;
border-radius: 1.5em;
width: 90px;
margin: 10px 0px 2px 0px;
}

.audio-insight-icon-xs {
border: 1px solid white;
padding: 3px 7px;
border-radius: 1.5em;
width: 70px;
margin: 10px 0px 2px 0px;
}

.list-circle {
display: inline-flex;
justify-content: center;
align-items: center;
min-width: 30px;
min-height: 30px;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #1f2229;
color: white;
margin-right: 5px; 
}

.submit-info-message .flex-container {
display: flex;
margin: 15px 0px;
align-items: center;
}


/* processing, submit modal */


/* end processing, submit modal */



/* new insight modal */
.new-insight-modal-select-type-button {
color: #fafafa !important;
padding: 7px 9px;
border-radius: 4px;
text-align: center;
background-color: #1f2229;
margin: 9px 0px;
display: block;
border: 1px solid #1f2229;
font-size: 1.1em;

min-height: 110px;
height: 110px;
}

.new-insight-modal-select-type-button-outer-cont { 
display: flex;
flex-direction: column;
justify-content: space-between;
height: 90px;
}

.new-insight-modal-select-type-button-row-cont { 
display: flex;
flex-direction: row;
justify-content: space-between;
}

.new-insight-modal-close-button {
color: white !important;
font-family: Cabin, sans-serif;
background-color: #1f2229;
padding: 3px 7px;
border: 1px solid #1f2229;
border-radius: 4px;
overflow: hidden;
text-decoration: none !important;
display: block;
text-align: center;
font-size: 1em;
width: 100%;
margin-top: 30px;
}

.newInsight-modal {
font-family: Open Sans, sans-serif;
}

.new-insight-modal-content-cont {
margin: 40px 0px 20px 0px;
}

.new-insight-modal-select-type-cont {
text-align: left;
}

.new-insight-modal-select-type-cont .heading-2 {
font-size: 70%; 
color: #999; 
text-transform: uppercase;
}

.new-insight-modal-select-type-cont .type {
font-size: 220%; 
margin-top: -5px;
}


.new-insight-modal-select-type-button-row-cont img.post-audio {
width: 30px;
}

.new-insight-modal-select-type-button-row-cont img.post-text {
width: 22px;
}

.new-insight-modal-select-type-button-outer-cont .extra-info {
text-align: left; 
color: #ccc;
font-size: 0.8em;
}

.new-insight-modal-select-type-button-outer-cont .extra-info-span {
border-bottom: 4px solid #007bff;
}

.new-insight-modal-select-type-button-outer-cont .plus-sign {
font-size: 120%;
}
/* end new insight modal */



/* New audio insight form, New audio text form */
.new-insight-page {
padding-top: 10px;
padding-bottom: 300px;
}


.new-insight-form {
margin-bottom: 30px;
}


.new-insight-form input {
background-color: #111 !important;
color: #fafafa !important;
}


.new-insight-form label.control-label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 300;
font-size: 0.75em;
color: #ccc;
}

.new-insight-form input#id_title, .new-insight-form input#id_tip_message {
border-top-width: 0px !important;
border-right-width: 0px !important;
border-left-width: 0px !important;
box-shadow: none !important;
border-radius: 0px !important;
padding-left: 0px !important;
letter-spacing: 0.3px !important;
background-color: transparent !important;
color: #ccc !important;
}


.insight-audio-option-button {
display: block;
background-color: #1f2229 !important;
padding: 7px 12px !important;
border-radius: 4px !important;
color: #fafafa !important;
border: none !important;
outline: none !important;
width: 100%;
text-align: center;
font-size: 1.1em;
margin: 6px 0;
}

.new-insight-form-image-container {
height: auto;
width: 100%;
display: block;
margin-bottom: 20px;
border: 1px solid #fafafa;
border-radius: 2px;
background-color: #1f2229 !important;
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
}

.insight-audio-clear-button {
display: none;
background-color: transparent !important;
padding: 7px 12px !important;
border-radius: 4px !important;
color: #999 !important;
border: 1px solid #999 !important;
outline: none !important;
width: 100%;
text-align: center;
font-size: 1.1em;
margin: 6px 0;
}

.new-insight-form .submit-button {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: #007BFF !important;
color: white !important;
font-family: Cabin !important;
font-size: 15px !important;
text-align: center !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
border-radius: 3px !important;
text-decoration: none !important;
border: #007BFF !important;
margin: 5px 0px;
}

.new-insight-form .submit-info-message {
border: 1px solid white;
border-radius: 2px;
padding: 5px 12px;
}


.new-insight-form .button-container {
margin: 40px 0px;
}


.new-insight-form .new-audio-insight-record-player-container {
display: none;
}


.new-insight-form .new-audio-insight-record-player {
width: 100%;
background-color: #1f2229;
padding: 10px 6px;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
display: flex;
flex-direction: column;
align-items: center;
margin: 20px auto 20px auto;
}

.new-insight-form .uploaded-voiceover-file-cont {
display: none; 
}

#new-audio-insight-form .uploaded-voiceover-file {
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #1f2229;
color: #fafafa;
padding: 7px;
margin-top: 10px;
border-radius: 5px;
min-height: 60px;
height: 60px;
}

#new-audio-insight-form .edit-insight-upload-voiceover-file-flex-cont {
display:flex; 
justify-content:space-between
}


.new-insight-content-tips-flex-cont {
display: flex !important;
justify-content: space-between  !important;
margin-bottom: 20px !important;
border: 1px solid #1f2229 !important;
padding: 6px 10px !important;
border-radius: 4px !important;
background-color: #1f2229 !important;
color: #fafafa !important;
outline: none !important;
width: 100% !important;
}

.how-to-post-panel {
background-color: #111111 !important;
}

.how-to-post-panel-title {
color: #fafafa !important;
} 

.tc-oramge {
color: orange; 
}

.how-to-post-modal-item-text {
color: #ccc;
font-size: 0.7em;
}

.how-to-post-button-icon {
width: 15px;
}

/* end new audio insight form, end new text insight form */


/* Audio pages  */

.edit-audio-page {
padding-top: 20px; 
padding-bottom: 100px;
}


.edit-insight-audio-option-item {
margin: 30px 0px;
}

.edit-insight-audio-option-heading {
font-size: 1.4em;
margin: 6px 0;
display: inline-block;
padding-bottom: 2px;
border-bottom: 6px solid #03a9f5;

}


.edit-insight-audio-option-link {
display: block;
background-color: #1f2229 !important;
padding: 7px 12px !important;
border-radius: 4px !important;
color: #fafafa !important;
border: none !important;
outline: none !important;
width: 100%;
text-align: center;
font-size: 1.1em;
margin: 6px 0;
}

.edit-insight-audio-option-heading-cont {
display: flex; 
justify-content: space-between; 
align-items: center;
}



/* generate insight audio */
.generate-insight-audio-page .insight-for-voice-over-cont {
height: 400px;
min-height: 400px; 
overflow-y: scroll;
border:  1px solid #999;
border-radius: 3px;
padding: 5px;
}


.generate-insight-audio-page .insight-for-voice-over-title {
font-size: 1.6em; 
margin-bottom: 15px;
}

.generate-insight-audio-page .insight-for-voice-over-title-inner {
color: #fafafa;
}


/* Confirm, submit, cancel modals */
.confirm-modal-overlay {
display: none; 
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
justify-content: center;
align-items: center;
z-index: 1000;
}

.confirm-modal-content {
background: #111;
padding: 20px;
border-radius: 8px;
text-align: center;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
max-width: 350px;
width: 90%;
}

.confirm-modal-button {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 1em;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 3px;
}

.confirm-modal-confirm-button {
color: #fff;
background-color: #03a9f5;
border-color: #03a9f5;
}

.confirm-modal-cancel-button {
color: #fff;
background-color: #1f2229;
border-color: #1f2229;
}

.submit-message {
display: none; 
color: red;
}

.processing-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
}

.processing-modal-content {
background: #111;
padding: 20px;
border-radius: 8px;
text-align: center;
font-size: 18px;
color: #fafafa;
max-width: 350px;
width: 90%;
}
/* end confirm, submit, cancel modals */


/* Record audio insight */

#progressContainer {
display: none;
width: 100%;
/* max-width: 300px; */
margin-top: 10px;
}
#progressBar {
width: 100%;
height: 10px;
background-color: #ddd;
border-radius: 2px;
position: relative;
overflow: hidden;
}
#progressFill {
width: 0%;
height: 100%;
background-color: #00de53;
transition: width 0.1s linear;
}
#progressText {
text-align: center;
font-size: 14px;
margin-top: 5px;
}

.start-record, .stop-record, .pause-record, .resume-record {
background-color: #007BFF !important;
padding: 5px 12px !important;
border-radius: 15px !important;
color: #fafafa !important;
border: none !important;
outline: none !important;
}

.use-recorded-audio {
background-color: #007BFF !important;
padding: 5px 12px !important;
border-radius: 4px !important;
color: #fafafa !important;
border: none !important;
outline: none !important;
width: 100% !important;
text-align: center !important;
}

.reset-recording {
background-color: #1f2229 !important;
padding: 5px 12px !important;
border-radius: 4px !important;
color: #fafafa !important;
border: none !important;
outline: none !important;
width: 100% !important;
text-align: center !important;
}

.submit-recording {
background-color: #03a9f5 !important;
padding: 5px 12px !important;
border-radius: 4px !important;
color: #fafafa !important;
border: none !important;
outline: none !important;
width: 100%;
text-align: center;
margin-bottom: 20px;
}

/* end record audio insight */


/* Upload audio insight */
.edit-audio-page-info {
text-align: justify;
}

.edit-insight-record-voice-over .edit-insight-upload-voiceover-error {
color: red; 
display: none;
}


.edit-insight-record-voice-over .edit-insight-upload-voiceover-file-flex-cont {
display:flex; 
justify-content:space-between
}

.edit-insight-record-voice-over .submit-uploaded-voiceover {
margin-top: 15px;
display: none;
width: 100%;
background-color: #1f2229;
border: none;
padding: 8px 12px;
font-size: 1.1em;
border-radius: 3px;
}

.edit-insight-record-voice-over .clear-uploaded-voiceover {
margin-top: 15px;
display: block;
width: 100%;
background-color: #1f2229;
border: none;
padding: 8px 12px;
font-size: 1.1em;
border-radius: 3px;
display: none;
}

.edit-insight-record-voice-over .uploaded-voiceover-file-cont {
display: none; 
}

.edit-insight-record-voice-over .uploaded-voiceover-file {
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #1f2229;
color: #fafafa;
padding: 7px;
margin-top: 10px;
border-radius: 5px;
min-height: 60px;
height: 60px;
}
/* end upload audio insight */


/* Record audio modal */
.record-audio-modal .insight-for-voice-over-title {
font-size: 1.6em; 
margin-bottom: 15px;
}

.record-audio-modal .insight-for-voice-over-title-inner {
color: #fafafa;
}


.record-audio-modal .record-voiceover-buttons-cont {
margin-bottom: 20px; 
display: flex; 
justify-content: space-between;
}


.record-audio-modal .record-voiceover-buttons-cont .pause-record {
display: none;
}


.record-audio-modal .record-voiceover-buttons-cont .resume-record {
display: none;
}

.record-audio-modal .record-voiceover-reset-button-cont {
margin-bottom: 20px; 
margin-top: 20px; 
display: flex; 
justify-content: space-between;
}

.record-audio-modal  .reset-recording {
display: none;
}


.record-audio-modal  .use-recorded-audio {
display: none;
}


.record-audio-modal .record-audio-moda.audio-title-input {
width: 100%;
display: block;
margin-bottom: 20px;
background-color: #111;
color: #fafafa !important;
border: 1px solid #999;
height: 34px;
border-radius: 3px;
padding: 5px;
}


.record-audio-modal .audio-text-input {
width: 100%;
display: block;
margin-bottom: 20px;
background-color: #111;
color: #fafafa !important;
border: 1px solid #999;
height: 100px;
overflow-y: auto;
border-radius: 3px;
padding: 5px;
}


.record-audio-modal .audio-record-player-container {
display: none;
}


.record-audio-modal .audio-record-player {
width: 100%;
background-color: #1f2229;
padding: 10px 6px;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
display: flex;
flex-direction: column;
align-items: center;
margin: 20px auto 20px auto;
}

.record-audio-modal .new-audio-insight-record-player {
width: 100%;
background-color: #1f2229;
padding: 10px 6px;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
display: flex;
flex-direction: column;
align-items: center;
margin: 20px auto 20px auto;
}


.record-audio-modal .insight-for-voice-over-cont {
height: 400px;
min-height: 400px; 
overflow-y: scroll;
border:  1px solid #999;
border-radius: 3px;
padding: 5px;
}
/* end record audio modal */



/* Upload audio modal */
.upload-audio-modal .edit-insight-upload-voiceover-error {
color: red; 
display: none;
}


.upload-audio-modal .edit-insight-upload-voiceover-file-flex-cont {
display:flex; 
justify-content:space-between
}

.upload-audio-modal .submit-uploaded-voiceover {
margin-top: 15px;
display: none;
width: 100%;
background-color: #1f2229;
border: none;
padding: 8px 12px;
font-size: 1.1em;
border-radius: 3px;
}

.upload-audio-modal .clear-uploaded-voiceover {
margin-top: 15px;
display: block;
width: 100%;
background-color: #1f2229;
border: none;
padding: 8px 12px;
font-size: 1.1em;
border-radius: 3px;
display: none;
}

.upload-audio-modal .uploaded-voiceover-file-cont {
display: none; 
}

.upload-audio-modal .uploaded-voiceover-file {
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #1f2229;
color: #fafafa;
padding: 7px;
margin-top: 10px;
border-radius: 5px;
min-height: 60px;
height: 60px;
}
/* end upload audio modal */



/* Audio record player */
.audio-title-input {
width: 100%;
display: block;
margin-bottom: 20px;
background-color: #111;
color: #fafafa !important;
border: 1px solid #999;
height: 34px;
border-radius: 3px;
padding: 5px;
}


.audio-text-input {
width: 100%;
display: block;
margin-bottom: 20px;
background-color: #111;
color: #fafafa !important;
border: 1px solid #999;
height: 100px;
overflow-y: auto;
border-radius: 3px;
padding: 5px;
}


.audio-record-player-container {
display: none;
}

.audio-record-player {
width: 100%;
background-color: #1f2229;
padding: 10px 6px;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
display: flex;
flex-direction: column;
align-items: center;
margin: 20px auto 20px auto;
}

.insight-for-voice-over-cont {
height: 400px;
min-height: 400px; 
overflow-y: scroll;
border:  1px solid #999;
border-radius: 3px;
padding: 5px;
}

.insight-for-voice-over-section {

}
/* end audio record player */


/* Edit insight record voiceover page */
.edit-insight-record-voice-over .edit-audio-page-info {
text-align: justify;
}

.edit-insight-record-voice-over .insight-for-voice-over-title {
font-size: 1.6em; 
margin-bottom: 15px;
}

.edit-insight-record-voice-over .insight-for-voice-over-title-inner {
color: #fafafa;
}

.edit-insight-record-voice-over .edit-insight-record-voiceover-buttons-cont {
margin-bottom: 20px; 
display: flex; 
justify-content: space-between;
}


.edit-insight-record-voice-over .edit-insight-record-voiceover-buttons-cont .pause-record {
display: none;
}


.edit-insight-record-voice-over .edit-insight-record-voiceover-buttons-cont .resume-record {
display: none;
}

.edit-insight-record-voice-over .edit-insight-record-voiceover-reset-button-cont {
margin-bottom: 20px; 
margin-top: 20px; 
display: flex; 
justify-content: space-between;
}

.edit-insight-record-voice-over .edit-insight-record-voiceover-reset-button-cont .reset-recording {
display: none;
}


.edit-insight-record-voice-over .edit-insight-record-voiceover-submit-button-cont .submit-recording {
display: none;
}
/* end edit insight record voiceover page */


.modal-close-button {
color: white !important;
font-family: Cabin, sans-serif;
background-color: #1f2229;
padding: 3px 7px;
border: 1px solid #1f2229;
border-radius: 4px;
overflow: hidden;
text-decoration: none !important;
display: block;
text-align: center;
font-size: 1em;
width: 100%;
margin-top: 30px;
}
/* end audio pages */


/* end new insight creation styles */





/* amina page */
.amina-left-image {
background-image: url(../twocents_app/amina-page-bg.jpg)
}


.amina-page-main-text {
font-family: Open Sans, sans-serif;
font-size: 1.5em;
color: #fafafa;
line-height: 1.8em;
}

.amina-page-avatar {
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
text-align: center;
margin:30px 0px;
border: 4px solid white;
}

.amina-overlay-left-image {
background: rgba(0, 0, 0, 0.75);
background-size: cover; 
overflow: hidden;
min-height: 100%;
height: 100%;
width: 35%;
z-index: 2;
padding: 4px 10px 4px 10px;
position: fixed;
}


.amina-center-image-overlay {
background: rgba(0,0,0, 0.5);
background-size: cover;
background-repeat: no-repeat; 
background-position: center center; 
-webkit-background-size: cover; 
overflow: hidden;
padding: 4px 10px 4px 10px;
min-height: 100%;
}

.amina-center-image {
background-size: cover;
width: 100%;
}


@media (min-width: 1281px) {
.amina-center-image {
height: 0px;
}

.amina-page-text-cont {
padding: 20% 15% 20% 15%;
}
}



@media (min-width: 1025px) and (max-width: 1280px) {
.amina-center-image {
height: 0px;
}

.amina-page-text-cont {
padding: 20% 15% 20% 15%;
}
}


@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.amina-center-image {
height: 800px;
}

.amina-page-text-cont {
padding: 0% 15% 20% 15%;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.amina-center-image {
height: 1000px;
}

.amina-page-text-cont {
padding: 0% 15% 20% 15%;
}
}


@media (min-width: 481px) and (max-width: 767px) {
.amina-center-image {
height: 450px;
}

.amina-page-text-cont {
padding: 0% 15% 20% 15%;
}
}


@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
.amina-center-image {
height: 150px;
}

.amina-page-text-cont {
padding: 0% 15% 20% 15%;
}
}


@media (min-width: 320px) and (max-width: 480px) {
.amina-center-image {
height: 450px;
}

.amina-page-text-cont {
padding: 0% 15% 20% 15%;
}
}

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
.amina-center-image {
height: 450px;
}

.amina-page-text-cont {
padding: 0% 15% 20% 15%;
}
}
/* end amina page */






/* users by college page */
.college-users-page {
padding-top: 40px;
padding-bottom: 100px;
}

.college-users-list-cont {
padding-top: 50px;
}
/* end users by college page */





/* badges */
.badge-item {
margin: 25px 0px;
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
}

.badge-item-sm {
margin: 25px 0px;
font-family: 'Open Sans', sans-serif;
font-size: 0.9em;
}

.cc-badge {
height: 45px;
margin-right: 10px;
}

.cc-badge-sm {
height: 32px;
margin-right: 10px;
}
    


.about-badge-item {
margin: 35px 0px;
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
}




.i-badge {
height: 25px;
}


div.i-badge-cont {
margin: 0px 10px;
}


.insight-badges-flex-cont {
display: flex; 
align-items: center; 
justify-content: center; 
margin-top: 10px;
text-decoration: none !important;
}


.insight-learn-more-badges, .insight-learn-more-badges:hover {
display: block;
font-size: 0.6em;
line-height: 1.3em;
color: #666 !important;
text-align: center;
padding: 4px 7px 3px 7px;
width: 120px;
margin: 20px auto;
border-radius: 10px;
text-decoration: none !important;
}

.insight-badges-cont {
margin-top: 20px;
}

@media (min-width: 1281px) {
.insight-badges-cont {
width: 60%;
}
}


@media (min-width: 1025px) and (max-width: 1280px) {
.insight-badges-cont {
width: 60%;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.insight-badges-cont {
width: 60%;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.insight-badges-cont {
width: 60%;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.insight-badges-cont {
width: 100%;
}
}

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
.insight-badges-cont {
width: 80%;
}
}


@media (min-width: 320px) and (max-width: 480px) {
.insight-badges-cont {
width: 100%;
}
}

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
.insight-badges-cont {
width: 80%;
}
}

/* end badges */






/* pwa install */
.install-banner {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #000;
color: #fafafa;
padding: 16px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
transform: translateY(100%);
transition: transform 0.4s ease-in-out;
z-index: 9999;
box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}


.install-banner.show {
transform: translateY(0);
}

.install-banner .flex-cont {
display: flex; 
justify-content: space-between; 
align-items: center;
margin-bottom: 10px;
}

.install-banner .logo {
width: 18px;
}

.install-banner button {
margin-right: 10px;
background: transparent !important;
color: #fafafa;
padding: 0.5rem 1rem;
border: 1px solid #fafafa;
border-radius: 6px;
cursor: pointer;
}



@media (min-width: 1281px) {
.install-banner {
width: 25%;
}
}


@media (min-width: 1025px) and (max-width: 1280px) {
.install-banner {
width: 25%;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.install-banner {
width: 100%;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.install-banner {
width: 25%;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.install-banner {
width: 100%;
}
}

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
.install-banner {
width: 100%;
}
}


@media (min-width: 320px) and (max-width: 480px) {
.install-banner {
width: 100%;
}
}

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
.install-banner {
width: 100%;
}
}
/* end pwa install */





/* referral page */
.referral-left-image {
background-image: url(../twocents_app/referral-page-bg.jpg);
}

.referral-overlay-left-image {
background: rgba(0, 0, 0, 0.75);
background-size: cover;
overflow: hidden;
min-height: 100%;
height: 100%;
width: 35%;
z-index: 2;
padding: 4px 10px 4px 10px;
position: fixed;
}



.referral-center-image-overlay {
background: rgba(0,0,0, 0.5);
background-size: cover;
background-repeat: no-repeat; 
background-position: center center; 
-webkit-background-size: cover; 
overflow: hidden;
padding: 4px 10px 4px 10px;
min-height: 100%;
}

.referral-center-image {
background-size: cover;
width: 100%;
}


@media (min-width: 1281px) {
.referral-center-image {
height: 0px;
}

.referral-page-text-cont {
padding: 20% 15% 20% 15%;
}
}



@media (min-width: 1025px) and (max-width: 1280px) {
.referral-center-image {
height: 0px;
}

.referral-page-text-cont {
padding: 20% 15% 20% 15%;
}
}


@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.referral-center-image {
height: 800px;
}

.referral-page-text-cont {
padding: 0% 15% 20% 15%;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.referral-center-image {
height: 1000px;
}

.referral-page-text-cont {
padding: 0% 15% 20% 15%;
}
}


@media (min-width: 481px) and (max-width: 767px) {
.referral-center-image {
height: 450px;
}

.referral-page-text-cont {
padding: 0% 15% 20% 15%;
}
}


@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
.referral-center-image {
height: 150px;
}

.referral-page-text-cont {
padding: 0% 15% 20% 15%;
}
}


@media (min-width: 320px) and (max-width: 480px) {
.referral-center-image {
height: 450px;
}

.referral-page-text-cont {
padding: 0% 15% 20% 15%;
}
}

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
.referral-center-image {
height: 450px;
}

.referral-page-text-cont {
padding: 0% 15% 20% 15%;
}
}

.referral-page-content-cont {
padding: 20% 15% 2% 15%
}

.referral-page-heading-text {
font-size: 3em; 
line-height: 1.2em;
}

.referral-page-text {
font-size: 1.3em; 
margin: 7px 0px; 
font-family: 'Open Sans', sans-serif;
color: beige;
}

.referral-page-count-flex-cont {
display: flex; 
justify-content: space-between;
}
/* end referral page */




/* Banter corner */

.banter-corner-jumbotron {
background-image: url(../twocents_app/banter-corner.jpeg);
background-color: #111;
background-blend-mode: overlay;
width: 100%;
height: auto;
margin-bottom: 30px;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
color: #1b1b1b;
font-family: Cabin, sans-serif;
color: white;
margin-top: -10px;
}


.banter-item-content-cont {
background-color: transparent;
padding: 20px 10px 10px 10px !important;
height: 100%;
}

.banter-page-banter-item {
margin: 0 0 20px 0;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
object-fit: cover;
overflow: hidden;
height: 440px;
display: block;
}


.banter-item-image {
width: 100%;
height: 260px;
object-fit: cover;
border-radius: 10px;
}

.banter-post-date {
font-size: 0.8em;
color: grey;
}

.banter-title {
color: beige !important;
font-size: 1.6em;
letter-spacing: -0.04em;
line-height: 1em;
margin-bottom: 6px;
}

.banter-corner-header-cont {
color: white;
text-align: justify;
margin-bottom: 40px;
}

.banter-corner-title {
color: beige;
font-family: 'Open Sans', sans-serif;
}

.banter-corner-main-cont {
margin: 60px 0px 200px 0px
}

.banter-corner-header-cont div.banter-corner-header {
font-family: 'Open Sans';
font-size: 1.2em !important;
line-height: 1.1em;
margin-bottom: 20px;
}

.banter-corner-jumbotron-icon {
width: 100px;
}


.banter-card-text {
color: #fafafa !important;
}


@media (min-width: 1281px) {
.banter-corner-jumbotron {
min-height: 350px;
padding-top: 80px;
}
}


@media (min-width: 1025px) and (max-width: 1280px) {
.banter-corner-jumbotron {
min-height: 350px;
padding-top: 80px;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.banter-corner-jumbotron {
min-height: 250px;
padding-top: 80px;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.banter-corner-jumbotron {
min-height: 250px;
padding-top: 80px;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.banter-corner-jumbotron {
min-height: 350px;
padding-top: 80px;
}
}

@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
.banter-corner-jumbotron {
min-height: 250px;
padding-top: 80px;
}
}


@media (min-width: 320px) and (max-width: 480px) {
.banter-corner-jumbotron {
min-height: 300px;
padding-top: 80px;
}
}

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
.banter-corner-jumbotron {
min-height: 250px;
padding-top: 80px;
}
}

/* end banter corner */





/* ad pages */



/* create ad page */
.create-ad-page {
margin: 50px 0px;
}


.placement-item {
border: 1px solid #1f2229;
background-color: #1f2229;
padding: 12px;
border-radius: 4px;
margin: 7px 0px;
min-height: 220px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.placement-name {
font-size: 1.7em;
font-family: 'Open Sans';
align-self: flex-start;
border-left: 4px solid;
padding-left: 8px;
line-height: 0.85em;
margin-bottom: 10px;
}

.placement-desc {
font-size: 1em;
color: #ccc;
line-height: 1.3em;
text-align: justify;
flex-basis: 68%;
}


.placement-see-preview, .placement-see-preview:hover {
text-align: right;
font-size: 1em;
color: beige !important;
text-transform: uppercase;
display: block;
margin-top: 6px;
}


.placement-desc-image-flex-cont {
display: flex; 
justify-content: space-between; 
align-items: baseline;
}

.placement-preview-image-cont {
flex-basis: 30%;
text-align: end;
}


.placement-preview-image {
border-radius: 6px; 
object-fit: cover;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.placement-panel {
margin: 10px 0px !important;
padding: 10px 0px;
background: transparent !important;
}


.create-ad-select-placements-main-cont {
margin: auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
background-color: #111;
color: white;

scrollbar-width: thin !important;
scrollbar-color: rgba(100, 100, 100, 0.4) transparent !important;

margin-bottom: 40px;
padding-bottom: 10px;
border-bottom: 15px solid #1f2229;
}



.create-ad-page-title {
font-size: 3em;
font-family: 'Open Sans', sans-serif;
margin: -50px 0px 10px 0px;
padding: 0px 15px;
line-height: 1.2em;
}

.create-ad-section-heading {
font-size: 2.2em;
font-family: 'Open Sans', sans-serif;
margin-bottom: 10px;
color: beige;
}

.create-ad-section-name {
font-size: 3em;
padding-left: 10px;
line-height: 0.7em;
border-left: 7px solid;
}

.create-ad-section-desc {
font-size: 0.8em;
line-height: 1.6em;
text-align: justify;
}


.create-ad-see-placements {
font-size: 0.7em; 
text-align: end; 
text-transform: uppercase;
color: #03a9f5;
}

.placement-item .flex-cont {
display: flex; 
justify-content: space-between; 
align-items: center;
}

.create-ad-placement-section-heading {

}


.create-ad-page-title-divide {
width: 10%; 
height: 10px; 
background-color: beige; 
margin-left: 15px;
}

.create-ad-page-title-container {
margin-bottom: 50px;
}

.modern-checkbox {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 15px;
cursor: pointer;
font-size: 16px;
user-select: none;
}

.modern-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
}

.checkmark {
position: absolute;
top: 2px;
left: 0;
height: 35px;
width: 35px;
background-color: #eee;
border-radius: 6px;
transition: background 0.3s;
}

.modern-checkbox:hover input ~ .checkmark {
background-color: #ccc;
}

.modern-checkbox input:checked ~ .checkmark {
background-color: #007BFF;
}

.checkmark:after {
content: "";
position: absolute;
display: none;
}

.modern-checkbox input:checked ~ .checkmark:after {
display: block;
}

.modern-checkbox .checkmark:after {
left: 15px;
top: 10px;
width: 6px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
}


.selected-placements-section {
border: 1px solid #ccc;
padding: 6px;
border-radius: 4px;
margin: 7px 0px;
min-height: 350px;
}

.selected-placement-heading {
font-size: 1.5em; 
color: beige;
}

.selected-placement-item {
border:1px solid #444;
padding: 8px;
border-radius: 3px;
margin-bottom: 6px;

display: flex;
justify-content: space-between;
}


.remove-placement {
margin-left: 8px; 
background: none; 
border: none; 
color: #fafafa; 
cursor: pointer;
}

.create-ad-review-and-pay-cont {
margin: 20px 0px;
padding: 10px;
border: 1px solid #1f2229;
border-radius: 5px;
background-color: #1f2229;
min-height: 270px;

display: flex;
flex-direction: column;
justify-content: space-between;
}

.selected-placements-total-cont {
text-align: end;
}


.preview-placement-info-modal-image {
display: block;
margin: 60px auto;
width: 87%;
height: 350px;
object-fit: cover;
border-radius: 7px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3), 
              0 6px 6px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}


.preview-placement-info-modal-image:hover {
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2),
              0 6px 12px rgba(0, 0, 0, 0.12);
transform: translateY(-4px);
}

.preview-placement-info-modal .section {
font-family: Open Sans, sans-serif;
font-size: 2em;
text-align: center;
}

.preview-placement-info-modal .name {
font-family: Open Sans, sans-serif;
font-size: 1.3em;
text-align: center;
}

.preview-placement-info-modal .close-cont {
width: 40%;
margin: 0px auto;
}

.reset-ad-image, .reset-ad-image:hover {
display: none;
text-align: center;
border-radius: 2px;
margin-top: 10px;
margin-bottom: 12px;
border: 1px solid #ccc;
color: #ccc;
padding: 4px 20px 4px 20px;
}

.upload-btn-wrapper-ad input[type=file] {
font-size: 1.1em;
position: absolute;
left: 0;
top: 0;
opacity: 0;
cursor: pointer;
width: 100%;
height: 100%;
}

.ad-image-input-btn-cont {
float: none !important;
padding-left: 0px !important;
padding-right: 0px !important;
}


.upload-btn-wrapper-ad {
position: relative;
display: block;
}

.upload-btn-ad {
text-align: center;
border: 1px solid #007BFF;
color: white;
background-color: #007BFF;
padding: 7px 0px;
border-radius: 3px;
font-size: 1.1em;
}


.new-ad-form {
margin-bottom: 30px;
}


.new-ad-form input {
background-color: #111 !important;
color: #fafafa !important;
}


.new-ad-form label.control-label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 300;
font-size: 0.75em;
color: #ccc;
}

.new-ad-form input#id_title, .new-ad-form input#id_tagline, .new-ad-form input#id_link {
border-top-width: 0px !important;
border-right-width: 0px !important;
border-left-width: 0px !important;
box-shadow: none !important;
border-radius: 0px !important;
padding-left: 0px !important;
letter-spacing: 0.3px !important;
background-color: transparent !important;
color: #ccc !important;
}

.new-ad-form-image-container {
/* height: 400px; */
width: 100%;
display: block;
margin-bottom: 20px;
border: 1px solid #fafafa;
border-radius: 2px;
background-color: #1f2229 !important;
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
}


.ad-form-image {
object-fit: cover !important;
width: 100%;
/* border-style: solid;
border-width: 1px;
border-color: #fafafa; */
/* padding: 5px 5px 5px 5px; */
border-radius: 2px;
background-color: transparent !important;
/* margin-bottom: 10px; */
}

/* end create ad page */



/* edit ad form */
.edit-ad-page {
font-family: Open Sans !important;
background-color: #111;
margin-bottom: 100px;
}


.edit-ad-page label {
display: inline-block;
font-weight: normal;
font-size: 0.8em;
}

.edit-ad-page input.form-control {
border-top-width: 0px !important;
border-right-width: 0px !important;
border-left-width: 0px !important;
box-shadow: none !important;
border-radius: 0px !important;
padding-left: 0px !important;
font-size: 0.9em !important;
letter-spacing: 0.3px !important;
background-color: transparent !important;
color: #fafafa !important;
}



.edit-ad-image-container {
height: 400px;
width: 100%;
display: block;
margin-bottom: 30px;
border-style: solid;
border-width: 0.5px;
border-color: #c4c4c4;
border-radius: 4px;
}

.edit-ad-image {
object-fit: cover !important;
height: 400px;
width: 100%;
border-style: solid;
border-width: 0.5px;
border-color: #c4c4c4;
padding: 5px 5px 5px 5px;
border-radius: 4px;
background-color: transparent !important;
}

.reset-ad-image, .reset-ad-image:hover {
display: none;
text-align: center;
border-radius: 2px;
margin-top: 10px;
margin-bottom: 12px;
border: 1px solid #ccc;
color: #ccc;
padding: 4px 20px 4px 20px;
}
/* end edit ad form */


/* create & manage ads */
.create-and-manage-ads-page {
padding: 20px 0px 100px 0px;
font-family: Open Sans, sans-serif;
}

.create-and-manage-ads-page .ads-tabs {
margin-top: 40px;
}
    
.create-and-manage-ads-page .empty-ads-list {
margin: 10% auto 20px auto;
font-size: 1.5em;
text-align: center;
}


.create-and-manage-ads-page .ad-image-feed {
border-radius: 10px;
object-fit: cover;
width: 100%;
height: auto;
}


.create-and-manage-ads-page .ad-item {
display: flex;
flex-direction: row;
align-items: flex-start;
border: 1px solid #444;
padding: 10px;
border-radius: 6px;
margin-top: 20px;
}

.create-and-manage-ads-page .ad-item .image-cont {
flex-basis: 30%;
margin-right: 10px;
}

.create-and-manage-ads-page .ad-item .content-cont {
flex-basis: 70%;
}

.create-and-manage-ads-page .ad-item .ad-name {
color: beige;
font-size: 1.5em;
}

.create-and-manage-ads-page .ad-item .ad-stats{
font-size: 0.8em;
}

.create-and-manage-ads-page .ad-item .ad-dates {
font-size: 0.8em;
}


.create-and-manage-ads-page .go-to-ad-btn {
display: block !important;
width: 100% !important;
height: auto !important;
background-color: #007BFF !important;
color: white !important;
font-family: Cabin !important;
font-size: 0.8em !important;
text-align: center !important;
padding: 7px 0px;
border-radius: 3px !important;
text-decoration: none !important;
}
/* end create & manage ads */






/* manage ad pages */
.manage-ad-page {
padding: 20px 0px 100px 0px;
font-family: Open Sans, sans-serif;
}

.manage-ad-run-item {
margin-top: 30px;
border: 1px solid #444;
padding: 16px;
border-radius: 7px;
}

.manage-ad-run-item-main-flex-cont {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 500px;
height: 100%;
}

.manage-ad-run-item-image {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 4px;
}

.manage-ad-run-item-receipt, .manage-ad-run-item-receipt:hover {
border: 1px solid #999;
font-size: 0.8em;
display: inline-block;
padding: 3px 8px;
border-radius: 10px;
margin-top: 7px;
font-size: 0.8em;
color: #999 !important
}

.manage-ad-run-item-section-heading {
display: inline-block;
border-bottom: 5px solid #00de53;
margin-bottom: 7px;
padding-bottom: 1px;
}


.manage-ad-run-item-activity-item {
display: flex;
justify-content: space-between;
align-items: baseline;
}

.manage-ad-run-item-activity-item .value {
font-size: 200%;
border-bottom: 2px solid deeppink;
}

.manage-ad-run-item-activity-item .engagement {
margin-right: 7px;
}

.manage-ad-run-item-edit-ad {
font-size: 0.8em;
color: beige;
text-align: right;
}


.manage-ad-run-item-ad-name {
font-size: 1.4em; 
color: beige;
}

.manage-ad-run-item-ad-tagline {
font-size: 0.9em;
}

.manage-ad-run-item-date-value {
font-weight: bold;
}

.manage-ad-run-item-flex-end-cont {
display: flex; 
justify-content: flex-end;
}

.manage-ad-run-item-flex-cont {
display: flex; 
justify-content: space-between;
}

.manage-ad-page .form-group-flex-cont {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 15px;
}

.manage-ad-run-item-section-block {
margin-bottom: 30px;
}
/* end manage ad pages */




/* ad box long */
.ad-box-long {
border: 1px solid #444;
padding: 4px;
border-radius: 4px;
display: flex;
justify-content: space-between;
align-items: center;
}


.ad-box-long .ad-image-feed {
border-radius: 4px;
object-fit: cover;
width: 40px;
height: 40px;
}


.ad-box-long .ad-name-tagline-cont {
display: flex;
}

.ad-box-long .ad-name {
border-radius: 10px;
object-fit: cover;
color: beige !important;
}


.ad-box-long .ad-tagline {
border-radius: 10px;
object-fit: cover;
color: #fff !important;
}

.ad-box-long .ad-symbol {
border: 1px solid #333;
padding: 4px 6px;
border-radius: 2px;
text-align: center;
}

/* end ad box long */



/* ad box feed */
.ad-box-feed {
border: 1px solid #444;
padding: 10px;
border-radius: 10px;
display: flex;
justify-content: space-between;
}


.ad-box-feed .ad-image-feed {
border-radius: 10px;
object-fit: cover;
}


.ad-box-feed .content-flex-cont .ad-name,
.ad-box-feed .content-flex-cont .ad-name:hover {
font-family: Cabin;
letter-spacing: -2px;
color: beige !important;
text-decoration: none; /* prevent underline on hover */
display: block;
}


.ad-box-feed .content-flex-cont .ad-tagline,
.ad-box-feed .content-flex-cont .ad-tagline:hover  {
font-family: 'Open Sans';
line-height: 1.1em;
color: #fafafa !important;
}


.ad-box-feed .ad-symbol-flex-cont {
display: flex; 
justify-content: flex-end;
}


.ad-box-feed .ad-symbol {
border: 1px solid #333;
padding: 4px 6px;
border-radius: 2px;
text-align: center;
}


.ad-box-feed .ad-external-link-flex-cont {
display: flex; 
justify-content: space-between;
margin-top: 10px;
}


.ad-box-feed .ad-external-link-flex-cont .external-link {
border: 1px solid #03a9f5;
color: #03a9f5;
border-radius: 3px;
padding: 3px 7px;
}


.ad-box-feed .image-flex-cont {

}

.ad-box-feed .content-flex-cont {
display: flex;
flex-direction: column;
justify-content: space-between;
}


.ad-box-feed .content-flex-cont .ad-name {
line-height: 1em;
}

/* end ad box feed */



/* ad box long center */
.ad-box-long-center {
border: 1px solid #444;
padding: 4px;
border-radius: 4px;
display: flex;
justify-content: space-between;
align-items: center;
margin: 20px 0px;
}


.ad-box-long-center .ad-image-feed {
border-radius: 4px;
object-fit: cover;
width: 40px;
height: 40px;
}


.ad-box-long-center .ad-name-tagline-cont {
display: flex;
}

.ad-box-long-center .ad-name {
border-radius: 10px;
object-fit: cover;
color: beige !important;
}


.ad-box-long-center .ad-tagline {
border-radius: 10px;
object-fit: cover;
color: #fff !important;
}

.ad-box-long-center .ad-symbol {
border: 1px solid #333;
padding: 4px 6px;
border-radius: 2px;
text-align: center;
}
/* end ad box long center */


/* ad box long center small */
.ad-box-long-small-center {
border: 1px solid #444;
padding: 4px;
border-radius: 4px;
display: flex;
justify-content: space-between;
align-items: center;
width: 50%;
margin: 20px 24%;
}


.ad-box-long-small-center .ad-image-feed {
border-radius: 4px;
object-fit: cover;
width: 40px;
height: 40px;
}


.ad-box-long-small-center .ad-name-tagline-cont {
display: flex;
flex-direction: column;
flex-basis: 84%;
}

.ad-box-long-small-center .ad-name {
border-radius: 10px;
object-fit: cover;
color: beige !important;
font-size: 0.9em;
}


.ad-box-long-small-center .ad-tagline {
border-radius: 10px;
object-fit: cover;
color: #fff !important;
font-size: 0.75em;
}

.ad-box-long-small-center .ad-symbol {
border: 1px solid #333;
padding: 4px 6px;
border-radius: 2px;
text-align: center;
}



.ad-box-long-small-center .ad-name-image-cont {
flex-basis: 9%;
margin-right: 10px;
}

.ad-box-long-small-center .ad-name-ad-symbol-cont {
flex-basis: 5%;
}
/* ad box long center small */



/* ad box long small center all */
.ad-box-long-small-center-all {
border: 1px solid #444;
padding: 4px;
border-radius: 4px;
display: flex;
justify-content: space-between;
align-items: center;
}


.ad-box-long-small-center-all .ad-image-feed {
border-radius: 4px;
object-fit: cover;
width: 40px;
height: 40px;
}


.ad-name-tagline-cont {
display: flex;
flex-direction: column;
flex-basis: 84%;
}

.ad-box-long-small-center-all .ad-name {
border-radius: 10px;
object-fit: cover;
color: beige !important;
font-size: 0.9em;
}


.ad-box-long-small-center-all .ad-tagline {
border-radius: 10px;
object-fit: cover;
color: #fff !important;
font-size: 0.75em;
}

.ad-box-long-small-center-all .ad-symbol {
border: 1px solid #333;
padding: 4px 6px;
border-radius: 2px;
text-align: center;
}



.ad-name-image-cont {
flex-basis: 9%;
margin-right: 10px;
}

.ad-name-ad-symbol-cont {
flex-basis: 5%;
}
/* end ad box long small center all */



@media (min-width: 1281px) {


.ad-form-image {
height: 400px;
}


/* create ad page */
.create-ad-page-col {
padding-left:  inherit;
padding-right: inherit;
}

.create-ad-select-placements-main-cont {
height: 450px;
}

.placement-preview-image {
width: 100px; 
height: 100px; 
}


/* ad box long small center all */
.ad-box-long-small-center-all {
width: 50%;
margin: 20px 24%;
}


/* ad box long */
.ad-box-long .ad-name-tagline-cont {
flex-direction: row;
flex-basis: 84%;
justify-content: space-evenly;
}

.ad-box-long .ad-name-image-cont {
flex-basis: 9%;
}

.ad-box-long .ad-name-ad-symbol-cont {
flex-basis: 5%;
}

.ad-box-long .ad-name {
font-size: 0.9em;
}

.ad-box-long .ad-tagline {
font-size: 0.75em;
}


/* ad box feed */
.ad-box-feed {
flex-direction: row;
margin: 30px 0px;
}

.ad-box-feed .ad-image-feed {
width: 100%;
height: auto;
}


.ad-box-feed .image-flex-cont {
flex-basis: 40%;
}

.ad-box-feed .content-flex-cont {
flex-basis: 58%;
}

.ad-box-feed .content-flex-cont .ad-name {
font-size: 2.1em;
}

.ad-box-feed .content-flex-cont .ad-tagline {
font-size: 1.6em;
}



/* ad box long center */
.ad-box-long-center {
width: 100%;
}

.ad-box-long-center .ad-name-tagline-cont {
flex-direction: row;
flex-basis: 84%;
justify-content: space-evenly;
}

.ad-box-long-center .ad-name-image-cont {
flex-basis: 9%;
}

.ad-box-long-center .ad-name-ad-symbol-cont {
flex-basis: 5%;
}

.ad-box-long-center .ad-name {
font-size: 0.9em;
}

.ad-box-long-center .ad-tagline {
font-size: 0.75em;
}


}



@media (min-width: 1025px) and (max-width: 1280px) {

.ad-form-image {
height: 400px;
}


.create-ad-page-col {
padding-left:  inherit;
padding-right: inherit;
}

.create-ad-select-placements-main-cont {
height: 450px;
}


.placement-preview-image {
width: 100px; 
height: 100px; 
}



.ad-box-long-small-center-all {
width: 50%;
margin: 20px 24%;
}

/* ad box long */
.ad-box-long .ad-name-tagline-cont {
flex-direction: row;
flex-basis: 84%;
justify-content: space-evenly;
}

.ad-box-long .ad-name-image-cont {
flex-basis: 9%;
}

.ad-box-long .ad-name-ad-symbol-cont {
flex-basis: 5%;
}

.ad-box-long .ad-name {
font-size: 0.9em;
}

.ad-box-long .ad-tagline {
font-size: 0.75em;
}


/* ad box feed */
.ad-box-feed {
flex-direction: row;
margin: 30px 0px;
}

.ad-box-feed .ad-image-feed {
width: 100%;
height: auto;
}


.ad-box-feed .image-flex-cont {
flex-basis: 40%;
}

.ad-box-feed .content-flex-cont {
flex-basis: 58%;
}

.ad-box-feed .content-flex-cont .ad-name {
font-size: 2.1em;
}

.ad-box-feed .content-flex-cont .ad-tagline {
font-size: 1.6em;
}


/* ad box long */
.ad-box-long-center {
width: 100%;
}

.ad-name-tagline-cont {
flex-direction: row;
flex-basis: 84%;
justify-content: space-evenly;
}

.ad-name-image-cont {
flex-basis: 9%;
}

.ad-name-ad-symbol-cont {
flex-basis: 5%;
}

.ad-box-long-center .ad-name {
font-size: 0.9em;
}

.ad-box-long-center .ad-tagline {
font-size: 0.75em;
}

}



@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

.ad-form-image {
height: 400px;
}

.create-ad-page-col {
padding-left:  0px !important;
padding-right: 0px !important;
}

.create-ad-select-placements-main-cont {
height: 450px;
}

.placement-preview-image {
width: 100px; 
height: 100px; 
}



.ad-box-long-small-center-all {
width: 70%;
margin: 20px 13%;
}

/* ad box long  */
.ad-box-long .ad-name-tagline-cont {
flex-direction: row;
flex-basis: 80%;
justify-content: space-evenly;
}

.ad-box-long .ad-name-image-cont {
flex-basis: 9%;
}

.ad-box-long .ad-name-ad-symbol-cont {
flex-basis: 9%;
}


.ad-box-long .ad-name {
font-size: 0.9em;
}

.ad-box-long .ad-tagline {
font-size: 0.75em;
}


/* ad box long */
.ad-box-feed {
flex-direction: row;
margin: 30px 0px;
}

.ad-box-feed .ad-image-feed {
width: 100%;
height: auto;
}


.ad-box-feed .image-flex-cont {
flex-basis: 40%;
}

.ad-box-feed .content-flex-cont {
flex-basis: 58%;
}

.ad-box-feed .content-flex-cont .ad-name {
font-size: 2.1em;
}

.ad-box-feed .content-flex-cont .ad-tagline {
font-size: 2em;
}


/* ad box long */
.ad-box-long-center {
width: 100%;
}

.ad-box-long-center .ad-name-tagline-cont {
flex-direction: row;
flex-basis: 80%;
justify-content: space-evenly;
}

.ad-box-long-center .ad-name-image-cont {
flex-basis: 9%;
}

.ad-box-long-center .ad-name-ad-symbol-cont {
flex-basis: 9%;
}


.ad-box-long-center .ad-name {
font-size: 0.9em;
}

.ad-box-long-center .ad-tagline {
font-size: 0.75em;
}

}



@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

.ad-form-image {
height: 400px;
}

.create-ad-page-col {
padding-left:  0px !important;
padding-right: 0px !important;
}

.create-ad-select-placements-main-cont {
height: 450px;
}

.placement-preview-image {
width: 100px; 
height: 100px; 
}


.ad-box-long-small-center-all {
width: 50%;
margin: 20px 24%;
}
    

/* ad box long */
.ad-box-long .ad-name-tagline-cont {
flex-direction: row;
flex-basis: 80%;
justify-content: space-evenly;
}

.ad-box-long .ad-name-image-cont {
flex-basis: 9%;
}

.ad-box-long .ad-name-ad-symbol-cont {
flex-basis: 9%;
}

.ad-box-long .ad-name {
font-size: 0.9em;
}

.ad-box-long .ad-tagline {
font-size: 0.75em;
}


/* ad box feed */
.ad-box-feed {
flex-direction: row;
margin: 30px 0px;
}

.ad-box-feed .ad-image-feed {
width: 100%;
height: auto;
}


.ad-box-feed .image-flex-cont {
flex-basis: 40%;
}

.ad-box-feed .content-flex-cont {
flex-basis: 58%;
}

.ad-box-feed .content-flex-cont .ad-name {
font-size: 2.1em;
}

.ad-box-feed .content-flex-cont .ad-tagline {
font-size: 2em;
}


/* ad box long */
.ad-box-long-center .ad-box-long-center {
width: 100%;
}

.ad-box-long-center .ad-name-tagline-cont {
flex-direction: row;
flex-basis: 80%;
justify-content: space-evenly;
}

.ad-box-long-center .ad-name-image-cont {
flex-basis: 9%;
}

.ad-box-long-center .ad-name-ad-symbol-cont {
flex-basis: 9%;
}

.ad-box-long-center .ad-name {
font-size: 0.9em;
}

.ad-box-long-center .ad-tagline {
font-size: 0.75em;
}
 
}



@media (min-width: 481px) and (max-width: 767px) {

.ad-form-image {
height: 380px;
}

.create-ad-page-col {
padding-left:  0px !important;
padding-right: 0px !important;
}

.create-ad-select-placements-main-cont {
height: 450px;
}

.placement-preview-image {
width: 80px; 
height: 80px; 
}


.ad-box-long-small-center-all {
width: 100%;
margin: 20px 0px;
}


/* ad box long */
.ad-box-long .ad-name-tagline-cont {
flex-direction: column;
flex-basis: 84%;
}


.ad-box-long .ad-name-image-cont {
flex-basis: 9%;
margin-right: 10px;
}

.ad-box-long .ad-name-ad-symbol-cont {
flex-basis: 5%;
}


.ad-box-long .ad-name {
font-size: 0.9em;
}

.ad-box-long .ad-tagline {
font-size: 0.75em;
}

/* ad box feed */
.ad-box-feed {
flex-direction: row;
margin: 30px 4px;
}

.ad-box-feed .ad-image-feed {
width: 100%;
height: auto;
}


.ad-box-feed .image-flex-cont {
flex-basis: 45%;
}

.ad-box-feed .content-flex-cont {
flex-basis: 52%;
}

.ad-box-feed .content-flex-cont .ad-name {
font-size: 2em;
}

.ad-box-feed .content-flex-cont .ad-tagline {
font-size: 1.1em;
}


/* ad box long */
.ad-box-long-center {
width: 100%;
}

.ad-box-long-center .ad-name-tagline-cont {
flex-direction: column;
flex-basis: 84%;
}


.ad-box-long-center .ad-name-image-cont {
flex-basis: 9%;
margin-right: 10px;
}

.ad-box-long-center .ad-name-ad-symbol-cont {
flex-basis: 5%;
}


.ad-box-long-center .ad-name {
font-size: 0.9em;
}

.ad-box-long-center .ad-tagline {
font-size: 0.75em;
}

}



@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {

.ad-form-image {
height: 380px;
}


.create-ad-page-col {
padding-left:  0px !important;
padding-right: 0px !important;
}

.create-ad-select-placements-main-cont {
height: 450px;
}

.placement-preview-image {
width: 80px; 
height: 80px; 
}



.ad-box-long-small-center-all {
width: 50%;
margin: 20px 13%;
}

/* ad box long */
.ad-box-long  .ad-name-tagline-cont {
flex-direction: column;
flex-basis: 84%;
}


.ad-box-long  .ad-name-image-cont {
flex-basis: 9%;
margin-right: 10px;
}

.ad-box-long  .ad-name-ad-symbol-cont {
flex-basis: 5%;
}


.ad-box-long .ad-name {
font-size: 0.9em;
}

.ad-box-long .ad-tagline {
font-size: 0.75em;
}


/* ad box feed */
.ad-box-feed {
flex-direction: row;
margin: 30px 0px;
}

.ad-box-feed .ad-image-feed {
width: 100%;
height: auto;
}


.ad-box-feed .image-flex-cont {
flex-basis: 45%;
}

.ad-box-feed .content-flex-cont {
flex-basis: 52%;
}

.ad-box-feed .content-flex-cont .ad-name {
font-size: 2em;
}

.ad-box-feed .content-flex-cont .ad-tagline {
font-size: 1.1em;
}


/* ad box long center */
.ad-box-long-center {
width: 100%;
}

.ad-box-long-center .ad-name-tagline-cont {
flex-direction: column;
flex-basis: 84%;
}


.ad-box-long-center .ad-name-image-cont {
flex-basis: 9%;
margin-right: 10px;
}

.ad-box-long-center .ad-name-ad-symbol-cont {
flex-basis: 5%;
}


.ad-box-long-center .ad-name {
font-size: 0.9em;
}

.ad-box-long-center .ad-tagline {
font-size: 0.75em;
}


}



@media (min-width: 320px) and (max-width: 480px) {

.ad-form-image {
height: 250px;
}


.create-ad-page-col {
padding-left:  0px !important;
padding-right: 0px !important;
}

.create-ad-select-placements-main-cont {
height: 450px;
}

.placement-preview-image {
width: 60px; 
height: 60px; 
}



.ad-box-long-small-center-all {
width: 100%;
margin: 20px 0px;
}

/* ad box long */
.ad-box-long .ad-name-tagline-cont {
flex-direction: column;
flex-basis: 84%;
}


.ad-box-long .ad-name-image-cont {
flex-basis: 9%;
margin-right: 10px;
}

.ad-box-long .ad-name-ad-symbol-cont {
flex-basis: 5%;
}


.ad-box-long .ad-name {
font-size: 0.9em;
}

.ad-box-long .ad-tagline {
font-size: 0.75em;
}


/* ad box feed */
.ad-box-feed {
flex-direction: row;
margin: 30px 4px;
}

.ad-box-feed .ad-image-feed {
width: 100%;
height: auto;
}


.ad-box-feed .image-flex-cont {
flex-basis: 45%;
}

.ad-box-feed .content-flex-cont {
flex-basis: 52%;
}

.ad-box-feed .content-flex-cont .ad-name {
font-size: 1.8em;
}

.ad-box-feed .content-flex-cont .ad-tagline {
font-size: 1.1em;
}


/* ad box long center */
.ad-box-long-center {
width: 100%;
}

.ad-box-long-center .ad-name-tagline-cont {
flex-direction: column;
flex-basis: 84%;
}


.ad-box-long-center .ad-name-image-cont {
flex-basis: 9%;
margin-right: 10px;
}

.ad-box-long-center .ad-name-ad-symbol-cont {
flex-basis: 5%;
}


.ad-box-long-center .ad-name {
font-size: 0.9em;
}

.ad-box-long-center .ad-tagline {
font-size: 0.75em;
}


}



@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {

.ad-form-image {
height: 250px;
}


.create-ad-page-col {
padding-left:  0px !important;
padding-right: 0px !important;
}


.create-ad-select-placements-main-cont {
height: 450px;
}

.placement-preview-image {
width: 80px; 
height: 80px; 
}


.ad-box-long-small-center-all {
width: 50%;
margin: 20px 24%;
}


/* ad box long */
.ad-box-long .ad-name-tagline-cont {
flex-direction: column;
flex-basis: 84%;
}


.ad-box-long .ad-name-image-cont {
flex-basis: 9%;
margin-right: 10px;
}

.ad-box-long .ad-name-ad-symbol-cont {
flex-basis: 5%;
}


.ad-box-long .ad-name {
font-size: 0.9em;
}

.ad-box-long .ad-tagline {
font-size: 0.75em;
}


/* ad box feed */
.ad-box-feed {
flex-direction: row;
margin: 30px 0px;
}

.ad-image-feed {
width: 100%;
height: auto;
}


.ad-box-feed .image-flex-cont {
flex-basis: 45%;
}

.ad-box-feed .content-flex-cont {
flex-basis: 52%;
}

.ad-box-feed .content-flex-cont .ad-name {
font-size: 2.3em;
}

.ad-box-feed .content-flex-cont .ad-tagline {
font-size: 1.1em;
}


/* ad box long center */
.ad-box-long-center {
width: 100%;
}

.ad-box-long-center .ad-name-tagline-cont {
flex-direction: column;
flex-basis: 84%;
}


.ad-box-long-center .ad-name-image-cont {
flex-basis: 9%;
margin-right: 10px;
}

.ad-box-long-center .ad-name-ad-symbol-cont {
flex-basis: 5%;
}


.ad-box-long-center .ad-name {
font-size: 0.9em;
}

.ad-box-long-center .ad-tagline {
font-size: 0.75em;
}

}
/* end ad pages */







/* point to coupons page */

.ptc-left-image {
background-image: url(../twocents_app/ptc-bg.jpg);
}



.brand-page-submit-eligibility-message {
background-color: #1f2229;
padding: 15px 16px;
border-radius: 3px;
color: beige;
text-align: center;
}



.ptc-withdrawals-modal, .ptc-rules-modal {
font-family: Open Sans, sans-serif !important;
}

.withdrawal-item {
border: 1px solid #555;
padding: 5px;
border-radius: 3px;
margin: 10px 0px;
}


.withdrawal-item .flex-cont {
display: flex; 
justify-content: space-between;
}

.withdrawal-item .name {
color: beige;
font-size: 1em;
line-height: 0.8em;
padding-left: 5px;
border-left: 4px solid deeppink;
}


.payout-form input {
box-shadow: none !important;
border-radius: 0px !important;
padding-left: 0px !important;
letter-spacing: 0.3px !important;
background-color: transparent !important;
color: #ccc !important;
padding: 3px 8px !important;
}



.payout-form label.control-label {
display: inline-block;
font-weight: normal !important;
font-size: 0.7em;
}

.coupon-page-content-cont {
padding: 5% 5% 2% 5%;
}

.coupon-points-flex-cont {
display: flex; 
justify-content: space-between; 
}

.coupon-points-image-sec-heading {
font-size: 3em;
font-family: Cabin, sans-serif;
text-align: left;
}

.coupon-points-cont .title, .coupon-value-cont .title {
font-size: 1.5em;
}

.coupon-comments-count-cont {
display: flex;
justify-content: space-between;
background-color: #1f2229;
padding: 12px;
margin-bottom: 10px;
border-radius: 4px;
font-size: 1.2em;
border-left: 20px solid #03a9f5;
color: beige;
}


.coupon-points-cont {
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #1f2229;
padding: 12px;
margin-bottom: 10px;
border-radius: 4px;
font-size: 1.2em;
border-left: 20px solid deeppink;
color: beige;
}


.coupon-value-cont {
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #1f2229;
padding: 12px;
margin-bottom: 10px;
border-radius: 4px;
font-size: 1.2em;
border-left: 20px solid #00de53;
color: beige;
}

.coupon-withdrawal-cont {
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #1f2229;
padding: 12px;
margin-bottom: 10px;
border-radius: 4px;
font-size: 1.2em;
border-left: 20px solid beige;
color: beige;
}

.coupon-points-flex-cont.available {
color: #fff;
}

.coupon-points-flex-cont.all-time {
color: #999;
}

.ptc-withdrawals-modal-btn div, .ptc-withdrawals-modal-btn div:hover {
color: beige !important;
}

/* end points to coupons */





/* brands page */

.brands-left-image {
background-image: url(../twocents_app/brands-bg.jpg);
}

.coupon-points-image-sec-heading {
font-size: 3em;
font-family: Cabin, sans-serif;
text-align: left;
}


.brand-page-content-cont {
padding: 5% 5% 2% 5%;
}

.brand-sm-icon {
width: 12px;
height: 12px;
filter: invert(1);
}


.brand-sm-links-cont {
display: flex; 
justify-content: space-between; 
align-items: center; 
margin-top: 10px;
}

.brand-item {
display: flex;
flex-direction: row;
align-items: flex-start;
border: 1px solid #444;
padding: 5px;
border-radius: 6px;
margin-top: 20px;
font-family: Open Sans, sans-serif;
}


.brand-item .image-cont {
flex-basis: 30%;
margin-right: 10px;
}

.brand-item .content-cont {
flex-basis: 70%;
}


.brand-item .brand-name, .brand-item .brand-name:hover {
color: beige !important;
}

.brand-item .brand-tagline, .brand-item .brand-tagline:hover {
display: block;
color: #fff !important;
}

.brand-image {
border-radius: 5px;
object-fit: cover;
width: 100%;
height: auto;
}

.brand-item img.active-brand, .brand-item img.inactive-brand {
width: 10px
}


.brand-item .active-status {
font-size: 0.7em;
}




@media (min-width: 1281px) {
.brand-item .brand-name {
font-size: 2em;
}

.brand-item .brand-tagline {
font-size: 1.1em;
}

.brand-sm-links-cont {
width: 60%;
}


}


@media (min-width: 1025px) and (max-width: 1280px) {
.brand-item .brand-name {
font-size: 2em;
}

.brand-item .brand-tagline {
font-size: 1.1em;
}

.brand-sm-links-cont {
width: 60%;
}

}



@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.brand-item .brand-name {
font-size: 1.7em;
}

.brand-item .brand-tagline {
font-size: 1.1em;
}

.brand-sm-links-cont {
width: 60%;
}

}


@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.brand-item .brand-name {
font-size: 1.7em;
}

.brand-item .brand-tagline {
font-size: 1.1em;
}

.brand-sm-links-cont {
width: 60%;
}


}


@media (min-width: 481px) and (max-width: 767px) {
.brand-item .brand-name {
font-size: 1.3em;
}

.brand-item .brand-tagline {
font-size: 0.8em;
}

.brand-sm-links-cont {
width: 80%;
}


}


@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
.brand-item .brand-name {
font-size: 1.3em;
}

.brand-item .brand-tagline {
font-size: 0.8em;
}

.brand-sm-links-cont {
width: 80%;
}


}



@media (min-width: 320px) and (max-width: 480px) {
.brand-item .brand-name {
font-size: 1.1em;
}

.brand-item .brand-tagline {
font-size: 0.75em;
}

.brand-sm-links-cont {
width: 100%;
}


}

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
.brand-item .brand-name {
font-size: 1.1em;
}

.brand-item .brand-tagline {
font-size: 0.8em;
}

.brand-sm-links-cont {
width: 100%;
}


}
/* end brands page */